IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

updated some hard-coded colors to variables so they work well on light theme

Browse Source
This commit is contained in:
Trent White 2015-07-31 15:51:31 -04:00
parent 50895c7e37
commit 6b6b102079
3 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/css/less/gfbox.less
View File

@ -65,7 +65,7 @@
margin: 15px; margin: 15px;
background: @grafanaPanelBackground; background: @grafanaPanelBackground;
position: relative; position: relative;
border: 1px solid @grayDark; border: @grafanaPanelBorder;
padding: 20px 20px 60px 49px; padding: 20px 20px 60px 49px;
h2 { h2 {

4
public/css/less/grafana.less
View File

@ -184,11 +184,11 @@
position : absolute; position : absolute;
top: -1000; top: -1000;
left: 0; left: 0;
color: #c8c8c8; color: @tooltipColor;
padding: 10px; padding: 10px;
font-size: 11pt; font-size: 11pt;
font-weight : 200; font-weight : 200;
background-color: rgb(58, 57, 57); background-color: @tooltipBackground;
border-radius: 5px; border-radius: 5px;
z-index: 9999; z-index: 9999;
max-width: 800px; max-width: 800px;

9
public/css/less/variables.light.less
View File

@ -112,6 +112,7 @@
@grafanaListMainLinkColor: @textColor; @grafanaListMainLinkColor: @textColor;
// Tables // Tables
// ------------------------- // -------------------------
@tableBackground: transparent; // overall background-color @tableBackground: transparent; // overall background-color
@ -145,8 +146,8 @@
@btnDangerBackground: lighten(@red, 5%); @btnDangerBackground: lighten(@red, 5%);
@btnDangerBackgroundHighlight: darken(@red, 5%); @btnDangerBackgroundHighlight: darken(@red, 5%);
@btnInverseBackground: @gray; @btnInverseBackground: @white;
@btnInverseBackgroundHighlight: darken(@gray, 10%); @btnInverseBackgroundHighlight: darken(@grayLight, 15%);
@iconContainerBackground: @white; @iconContainerBackground: @white;
@iconContainerBackgroundHighlight: lighten(@white, 5%); @iconContainerBackgroundHighlight: lighten(@white, 5%);
@ -296,8 +297,8 @@
// Tooltips and popovers // Tooltips and popovers
// ------------------------- // -------------------------
@tooltipColor: #fff; @tooltipColor: @grayDark;
@tooltipBackground: #333; @tooltipBackground: darken(@white,3%);
@tooltipArrowWidth: 5px; @tooltipArrowWidth: 5px;
@tooltipArrowColor: @tooltipBackground; @tooltipArrowColor: @tooltipBackground;
@tooltipLinkColor: darken(@white,11%); @tooltipLinkColor: darken(@white,11%);