IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2026-07-29 15:59:50 -05:00
Code Issues Packages Projects Releases Wiki Activity

improvements to light theme (Issue #77)

Browse Source
This commit is contained in:
Torkel Ödegaard
2014-02-13 20:34:40 +01:00
parent 975051b8e1
commit 9794c2ebbb
5 changed files with 22 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/css/less/grafana.less
-4
View File
@@ -1,10 +1,6 @@
@import "submenu.less"; @import "submenu.less";
@import "bootstrap-tagsinput.less"; @import "bootstrap-tagsinput.less";
.navbar-static-top {
border-bottom: 1px solid black;
}
.grafana-dashboard-hide-controls { .grafana-dashboard-hide-controls {
padding: 0; padding: 0;
.grafana-row { .grafana-row {
src/css/less/variables.dark.less
+1 -1
View File
@@ -185,7 +185,7 @@
@navbarHeight: 50px; @navbarHeight: 50px;
@navbarBackgroundHighlight: @grayDarker; @navbarBackgroundHighlight: @grayDarker;
@navbarBackground: @grayDarker; @navbarBackground: @grayDarker;
@navbarBorder: darken(@navbarBackground, 12%); @navbarBorder: darken(@navbarBackground, 20%);
@navbarText: @grayLight; @navbarText: @grayLight;
@navbarLinkColor: @grayLight; @navbarLinkColor: @grayLight;
src/css/less/variables.light.less
+19 -19
View File
@@ -10,21 +10,21 @@
// Grays // Grays
// ------------------------- // -------------------------
@black: #000; @black: #000;
@grayDarker: #080808; @grayDarker: lighten(#000, 13.5%); // #222
@grayDark: #999; @grayDark: lighten(#000, 20%); // #333
@gray: #bbb; @gray: lighten(#000, 33.5%); // #555
@grayLight: #dfdfdf; @grayLight: lighten(#000, 60%); // #999
@grayLighter: #eee; @grayLighter: lighten(#000, 93.5%); // #eee
@white: #fff; @white: #fff;
// Accent colors // Accent colors
// ------------------------- // -------------------------
@blue: #007FFF; @blue: #158CBA;
@blueDark: #1F26B6; @blueDark: #75CAEB;
@green: #3FB618; @green: #28B62C;
@red: #FF0039; @red: #FF4136;
@yellow: #FFA500; @yellow: #FF851B;
@orange: #FF7518; @orange: #FF7518;
@pink: #E671B8; @pink: #E671B8;
@purple: #9954BB; @purple: #9954BB;
@@ -184,16 +184,16 @@
@navbarCollapseDesktopWidth: @navbarCollapseWidth + 1; @navbarCollapseDesktopWidth: @navbarCollapseWidth + 1;
@navbarHeight: 50px; @navbarHeight: 50px;
@navbarBackgroundHighlight: @grayDarker; @navbarBackgroundHighlight: #f8f8f8;
@navbarBackground: @grayDarker; @navbarBackground: #f8f8f8;
@navbarBorder: transparent; @navbarBorder: darken(@navbarBackground, 6.5%);
@navbarText: @white; @navbarText: #666;
@navbarLinkColor: @white; @navbarLinkColor: #666;
@navbarLinkColorHover: @gray; @navbarLinkColorHover: #333;
@navbarLinkColorActive: @white; @navbarLinkColorActive: #555;
@navbarLinkBackgroundHover: rgba(0, 0, 0, 0.05); @navbarLinkBackgroundHover: transparent;
@navbarLinkBackgroundActive: transparent; @navbarLinkBackgroundActive: darken(@navbarBackground, 6.5%);
@navbarBrandColor: @navbarLinkColor; @navbarBrandColor: @navbarLinkColor;
src/vendor/bootstrap/less/bootswatch.dark.less
Vendored
-1
View File
@@ -53,7 +53,6 @@ hr {
.navbar-inner { .navbar-inner {
.border-radius(0); .border-radius(0);
.box-shadow(none); .box-shadow(none);
border-bottom: 0px solid @grayDark;
} }
.brand { .brand {
src/vendor/bootstrap/less/bootswatch.light.less
Vendored
+2 -2
View File
@@ -91,7 +91,7 @@ a.text-success:hover { color: darken(@green, 10%); }
.nav li.dropdown.open > .dropdown-toggle, .nav li.dropdown.open > .dropdown-toggle,
.nav li.dropdown.active > .dropdown-toggle, .nav li.dropdown.active > .dropdown-toggle,
.nav li.dropdown.open.active > .dropdown-toggle { .nav li.dropdown.open.active > .dropdown-toggle {
color: @white; color: @navbarLinkColorActive;
&:hover { &:hover {
color: @grayLighter; color: @grayLighter;
@@ -567,7 +567,7 @@ a.thumbnail {
.modal { .modal {
.border-radius(0); .border-radius(0);
background-color: @white;
&-header { &-header {
border-bottom: none; border-bottom: none;
} }