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

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

@@ -40,3 +40,7 @@ $grafanaListAccent: lighten($dark-2, 2%);
$zbx-tag-color: $gray-5;
$zbx-text-highlighted: $white;
$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-text-highlighted: $black;
$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;