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

added varibale to table hover, lightend colors for table light theme, fixes #10609 (#10611)

Browse Source
This commit is contained in:
Patrick O'Carroll 2018-01-25 12:17:16 +01:00 committed by Torkel Ödegaard
parent 1c034b7a73
commit eb2d4b20bc
3 changed files with 10 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -150,6 +150,7 @@ $table-bg-hover: $dark-4; // for hover
$table-border: $dark-3; // table and cell border
$table-bg-odd: $dark-2;
$table-bg-hover: $dark-3;
// Buttons
// -------------------------

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

@ -70,12 +70,7 @@ $text-shadow-faint: none;
$textShadow: none;
// gradients
$brand-gradient: linear-gradient(
to right,
rgba(255, 213, 0, 1) 0%,
rgba(255, 68, 0, 1) 99%,
rgba(255, 68, 0, 1) 100%
);
$brand-gradient: linear-gradient(to right, rgba(255, 213, 0, 1) 0%, rgba(255, 68, 0, 1) 99%, rgba(255, 68, 0, 1) 100%);
$page-gradient: linear-gradient(-60deg, transparent 70%, $gray-7 98%);
// Links
@ -106,13 +101,7 @@ $component-active-bg: $brand-primary !default;
$panel-bg: $white;
$panel-border-color: $gray-5;
$panel-border: solid 1px $panel-border-color;
$panel-drop-zone-bg: repeating-linear-gradient(
-128deg,
$body-bg,
$body-bg 10px,
$gray-6 10px,
$gray-6 20px
);
$panel-drop-zone-bg: repeating-linear-gradient(-128deg, $body-bg, $body-bg 10px, $gray-6 10px, $gray-6 20px);
$panel-header-hover-bg: $gray-6;
$panel-header-menu-hover-bg: $gray-4;
$panel-edit-shadow: 0 0 30px 20px $black;
@ -137,8 +126,7 @@ $code-tag-border: darken($code-tag-bg, 3%);
// cards
$card-background: linear-gradient(135deg, $gray-6, $gray-5);
$card-background-hover: linear-gradient(135deg, $gray-5, $gray-6);
$card-shadow: -1px -1px 0 0 hsla(0, 0%, 100%, 0.1),
1px 1px 0 0 rgba(0, 0, 0, 0.1);
$card-shadow: -1px -1px 0 0 hsla(0, 0%, 100%, 0.1), 1px 1px 0 0 rgba(0, 0, 0, 0.1);
// Lists
$list-item-bg: linear-gradient(135deg, $gray-5, $gray-6); //$card-background;
@ -154,7 +142,8 @@ $table-bg-hover: $gray-5; // for hover
$table-bg-active: $table-bg-hover !default;
$table-border: $gray-3; // table and cell border
$table-bg-odd: $gray-5;
$table-bg-odd: $gray-6;
$table-bg-hover: $gray-5;
// Scrollbars
$scrollbarBackground: $gray-5;
@ -187,7 +176,7 @@ $btn-link-color: $gray-1;
$btn-divider-left: $gray-4;
$btn-divider-right: $gray-7;
$btn-drag-image: "../img/grab_light.svg";
$btn-drag-image: '../img/grab_light.svg';
$iconContainerBackground: $white;
@ -332,14 +321,10 @@ $tooltipLinkColor: lighten($popover-help-color, 5%);
$graph-tooltip-bg: $gray-5;
// images
$checkboxImageUrl: "../img/checkbox_white.png";
$checkboxImageUrl: '../img/checkbox_white.png';
// info box
$info-box-background: linear-gradient(
100deg,
$blue-dark,
darken($blue-dark, 5%)
);
$info-box-background: linear-gradient(100deg, $blue-dark, darken($blue-dark, 5%));
$info-box-color: $gray-7;
// footer

2
public/sass/components/_filter-table.scss
View File

@ -81,7 +81,7 @@
&--hover {
tbody tr:hover {
background: $dark-3;
background: $table-bg-hover;
}
}
}