public/grafana
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed so white theme looks good with new search and editor panes, Closes #735, and other small fixes and polish

Browse Source
This commit is contained in:
Torkel Ödegaard
2014-09-05 07:02:59 +02:00
parent 44edaad19d
commit dc63f0ddd0
12 changed files with 86 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/css/less/bootswatch.light.less
+3 -2
View File
@@ -159,8 +159,9 @@ div.subnav {
li.active > a,
li.active > a:hover {
border-color: transparent;
background-color: @blue;
color: @white;
background-color: transparent;
border-bottom: 2px solid @blue;
color: @blue
}
li.disabled > a {
src/css/less/grafana.less
+9 -10
View File
@@ -334,23 +334,22 @@ select.grafana-target-segment-input {
::-webkit-scrollbar-button:horizontal:increment:active { background-image: none; }
::-webkit-scrollbar-button:vertical:decrement:active { background-image: none; }
::-webkit-scrollbar-button:vertical:increment:active {background-image: none; }
::-webkit-scrollbar-track-piece { background-color: grayDark; }
::-webkit-scrollbar-track-piece { background-color: transparent; }
::-webkit-scrollbar-thumb:vertical {
height: 50px;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #3a3a3a), color-stop(100%, #222222));
border: 1px solid #0d0d0d;
border-top: 1px solid #666666;
border-left: 1px solid #666666;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, @scrollbarBackground), color-stop(100%, @scrollbarBackground2));
border: 1px solid @scrollbarBorder;
border-top: 1px solid @scrollbarBorder;
border-left: 1px solid @scrollbarBorder;
}
::-webkit-scrollbar-thumb:horizontal {
width: 50px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3a3a3a), color-stop(100%, #222222));
border: 1px solid #1f1f1f;
border-top: 1px solid #666666;
border-left: 1px solid #666666;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @scrollbarBackground), color-stop(100%, @scrollbarBackground2));
border: 1px solid @scrollbarBorder;
border-top: 1px solid @scrollbarBorder;
border-left: 1px solid @scrollbarBorder;
}
src/css/less/search.less
+1 -1
View File
@@ -44,7 +44,7 @@
}
.search-result-item:nth-child(odd) {
background-color: lighten(@grayDarker, 2%);
background-color: @grafanaListAccent;
}
.search-result-item {
src/css/less/tables_lists.less
+2 -2
View File
@@ -2,7 +2,7 @@
width: 100%;
tr:nth-child(odd) td {
background-color: lighten(@grayDarker, 2%);
background-color: @grafanaListAccent;
}
td {
@@ -39,7 +39,7 @@
max-width: 450px;
li:nth-child(odd) {
background-color: lighten(@grayDarker, 2%);
background-color: @grafanaListAccent;
}
li {
src/css/less/variables.dark.less
+6 -1
View File
@@ -88,13 +88,18 @@
// Lists
@grafanaListBackground: transparent;
@grafanaListAccent: @grayDark;
@grafanaListAccent: lighten(@grayDarker, 2%);
@grafanaListBorderTop: @grayDark;
@grafanaListBorderBottom: @black;
@grafanaListHighlight: @blue;
@grafanaListHighlightContrast: #4F4F4F;
@grafanaListMainLinkColor: @linkColor;
// Scrollbars
@scrollbarBackground: #3a3a3a;
@scrollbarBackground2: #3a3a3a;
@scrollbarBorder: black;
// Tables
// -------------------------
@tableBackground: transparent; // overall background-color
src/css/less/variables.light.less
+8 -3
View File
@@ -38,7 +38,7 @@
@submenuBorder: @white;
// Tabs
@fullEditBorder: @white;
@fullEditBorder: @grayLighter;
// Graphite Target Editor
@grafanaTargetBorder: @submenuBackground;
@@ -96,7 +96,7 @@
// Lists
@grafanaListBackground: transparent;
@grafanaListAccent: #f9f9f9;
@grafanaListAccent: @grayLighter;
@grafanaListBorderTop: #eee;
@grafanaListBorderBottom: #efefef;
@grafanaListHighlight: @blue;
@@ -111,6 +111,11 @@
@tableBackgroundHover: #E8F8FD; // for hover
@tableBorder: #ddd; // table and cell border
// Scrollbars
@scrollbarBackground: @grayLighter;
@scrollbarBackground2: @grayLighter;
@scrollbarBorder: @grayLight;
// Buttons
// -------------------------
@btnBackground: @grayLighter;
@@ -186,7 +191,7 @@
// Input placeholder text color
// -------------------------
@placeholderText: @gray;
@placeholderText: @grayLight;
// Hr border color