Misthios/grafana-zabbix
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

problems panel: light theme adjustments

Browse Source
This commit is contained in:
Alexander Zobnin
2018-12-04 22:21:15 +03:00
parent 654f050365
commit 286feef3cd
3 changed files with 16 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/sass/_panel-problems.scss
View File

@@ -34,14 +34,14 @@
} }
&:hover { &:hover {
background: lighten($dark-3, 2%); background: lighten($problems-table-stripe, 2%);
box-shadow: 0px 0px 5px rgba($blue, 0.5); box-shadow: 0px 0px 5px rgba($blue, 0.5);
z-index: 1; z-index: 1;
} }
&.-even { &.-even {
background: lighten($dark-3, 1%); background: lighten($problems-table-stripe, 1%);
&:hover { &:hover {
background: lighten($dark-3, 4%); background: lighten($problems-table-stripe, 4%);
} }
} }
} }
@@ -121,7 +121,7 @@
} }
&.custom-expander:hover { &.custom-expander:hover {
// background-position: right top; // background-position: right top;
background-color: lighten($dark-3, 8%); background-color: lighten($problems-table-stripe, 8%);
i { i {
color: $blue; color: $blue;
} }
@@ -150,7 +150,7 @@
.problem-details-container { .problem-details-container {
display: flex; display: flex;
background-color: $dark-3; background-color: $problem-details-background;
border: 1px solid $problems-border-color; border: 1px solid $problems-border-color;
border-bottom-width: 0px; border-bottom-width: 0px;
@@ -217,18 +217,18 @@
width: 3rem; width: 3rem;
height: 2rem; height: 2rem;
padding: 0.4rem 0.4rem 0.4rem 1rem; padding: 0.4rem 0.4rem 0.4rem 1rem;
background: $dark-2; background: $problem-statusbar-background;
margin-right: 2px; margin-right: 2px;
border-radius: 2px; border-radius: 2px;
// border: 1px solid $dark-5; // border: 1px solid $dark-5;
&:hover { &:hover {
background: darken($dark-2, 2%); background: darken($problem-statusbar-background, 2%);
} }
&.muted { &.muted {
.fa-icon-container { .fa-icon-container {
color: $dark-3; color: $problem-statusbar-muted;
} }
} }
&.fired { &.fired {

4
src/sass/_variables.dark.scss
View File

@@ -40,3 +40,7 @@ $grafanaListAccent: lighten($dark-2, 2%);
$zbx-tag-color: $gray-5; $zbx-tag-color: $gray-5;
$zbx-text-highlighted: $white; $zbx-text-highlighted: $white;
$problems-border-color: $dark-1; $problems-border-color: $dark-1;
$problems-table-stripe: $dark-3;
$problem-details-background: $dark-3;
$problem-statusbar-background: $dark-2;
$problem-statusbar-muted: $dark-3;

4
src/sass/_variables.light.scss
View File

@@ -39,3 +39,7 @@ $grafanaListAccent: $gray-5;
$zbx-tag-color: $gray-6; $zbx-tag-color: $gray-6;
$zbx-text-highlighted: $black; $zbx-text-highlighted: $black;
$problems-border-color: $dark-1; $problems-border-color: $dark-1;
$problems-table-stripe: $gray-6;
$problem-details-background: $gray-6;
$problem-statusbar-background: $gray-4;
$problem-statusbar-muted: $gray-5;