IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-01-08 15:13:30 -06:00
Code Issues Packages Projects Releases Wiki Activity

ux: tweaked panel color and dashboard background is same as page background

Browse Source
This commit is contained in:
Torkel Ödegaard 2017-11-22 17:18:04 +01:00
parent c94331cd20
commit 2d2015d3dd
4 changed files with 5 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -90,11 +90,11 @@ $component-active-bg: $brand-primary !default;
// Panel
// -------------------------
$panel-bg: $dark-2;
$panel-border-color: $dark-2;
$panel-bg: #212124;
$panel-border-color: $dark-1;
$panel-border: solid 1px $panel-border-color;
$panel-drop-zone-bg: repeating-linear-gradient(-128deg, #111, #111 10px, #191919 10px, #222 20px);
$panel-header-hover-bg: $dark-3;
$panel-header-hover-bg: $dark-4;
$panel-header-menu-hover-bg: $dark-5;
$divider-border-color: #555;

7
public/sass/components/_tabbed_view.scss
View File

@ -8,13 +8,6 @@
.tabbed-view-header {
padding: 1.5em 1rem 0 1rem;
}
.gf-tabs-link.active {
background-color: #0a0a0a;
}
.tabbed-view-body {
min-height: 200px;
}
}
}

2
public/sass/components/_tabs.scss
View File

@ -62,7 +62,7 @@
&.active:focus {
@include border-radius(3px);
border-color: rgba(216, 131, 40, 0.77);
border-bottom: 2px solid #0a0a0a;
border-bottom: 1px solid $page-bg;
color: $link-color;
position: relative;
top: 1px;

2
public/sass/pages/_dashboard.scss
View File

@ -2,7 +2,7 @@
padding: $dashboard-padding;
width: 100%;
min-height: 100%;
background: $dashboard-gradient;
// background: $dashboard-gradient;
}
.template-variable {