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

changed color for label tooltips from blue/red-yellow gradient to black/white

Browse Source
This commit is contained in:
ijin08 2019-01-23 13:28:39 +01:00
parent db99b86591
commit 2ec55d0650
3 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/grafana-ui/src/components/Tooltip/_Tooltip.scss
View File

@ -20,7 +20,13 @@ $popper-margin-from-ref: 5px;
background: $tooltipBackground;
border-radius: $border-radius;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
padding: 10px;
padding: 0px 8px;
height: 24px;
display: flex;
align-items: center;
//border: 1px #333333 solid;
color: $tooltipColor;
font-weight: 500;
// Themes
&.popper__background--error {
@ -29,7 +35,7 @@ $popper-margin-from-ref: 5px;
&.popper__background--brand {
@include popper-theme($tooltipBackgroundBrand, $tooltipBackgroundBrand);
@include gradient-vertical($red, $orange);
@include gradient-vertical($tooltipBackground, $tooltipBackground);
}
}
@ -39,6 +45,7 @@ $popper-margin-from-ref: 5px;
border-style: solid;
position: absolute;
margin: 0px;
display: none;
}
.popper__arrow {

2
public/sass/_variables.dark.scss
View File

@ -308,6 +308,8 @@ $tooltipLinkColor: $link-color;
$graph-tooltip-bg: $dark-1;
$tooltipBackground: $popover-help-bg;
$tooltipBackground:#e9edf2;
$tooltipColor: #52545c;
$tooltipArrowColor: $tooltipBackground;
$tooltipBackgroundError: $brand-danger;
$tooltipBackgroundBrand: $brand-primary;

2
public/sass/_variables.light.scss
View File

@ -312,6 +312,8 @@ $tooltipLinkColor: lighten($popover-help-color, 5%);
$graph-tooltip-bg: $gray-5;
$tooltipBackground: $popover-help-bg;
$tooltipBackground: #09090b;
$tooltipColor: #ececec;
$tooltipArrowColor: $tooltipBackground; // Used by Angular tooltip
$tooltipBackgroundError: $brand-danger;
$tooltipBackgroundBrand: $brand-primary;