scss: darken bar and popdowns
This commit is contained in:
parent
3c8714c36a
commit
04023273ce
4 changed files with 10 additions and 11 deletions
|
|
@ -50,7 +50,7 @@ $scale: 0.068rem;
|
|||
@include shadow;
|
||||
@include font.mono;
|
||||
|
||||
background-color: scheme.$base;
|
||||
background-color: scheme.$mantle;
|
||||
color: $colour;
|
||||
padding: s(10) s(12);
|
||||
font-size: s(14);
|
||||
|
|
|
|||
|
|
@ -6,8 +6,7 @@
|
|||
.bar {
|
||||
@include font.mono;
|
||||
|
||||
border-top: none;
|
||||
background-color: scheme.$base;
|
||||
background-color: scheme.$crust;
|
||||
padding: lib.s(8) lib.s(20);
|
||||
font-size: lib.s(14);
|
||||
|
||||
|
|
@ -21,7 +20,7 @@
|
|||
@include lib.rounded(5);
|
||||
|
||||
padding: lib.s(3) lib.s(8);
|
||||
background-color: scheme.$surface0;
|
||||
background-color: scheme.$base;
|
||||
|
||||
@include lib.spacing;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@ $-accent2: scheme.$pink;
|
|||
@include lib.shadow;
|
||||
@include font.mono;
|
||||
|
||||
background-color: scheme.$base;
|
||||
background-color: scheme.$mantle;
|
||||
color: $-accent;
|
||||
padding: lib.s(12);
|
||||
font-size: lib.s(14);
|
||||
|
|
@ -26,7 +26,7 @@ $-accent2: scheme.$pink;
|
|||
.overlay {
|
||||
@include lib.rounded(5);
|
||||
|
||||
background-color: color.change(scheme.$base, $alpha: 0.8);
|
||||
background-color: color.change(scheme.$mantle, $alpha: 0.8);
|
||||
}
|
||||
|
||||
.background {
|
||||
|
|
|
|||
|
|
@ -25,7 +25,7 @@
|
|||
}
|
||||
|
||||
.inner {
|
||||
background-color: color.mix(scheme.$surface0, scheme.$base, 70%);
|
||||
background-color: color.mix(scheme.$base, scheme.$surface0, 70%);
|
||||
|
||||
&.low {
|
||||
@include popup(scheme.$overlay0);
|
||||
|
|
@ -37,21 +37,21 @@
|
|||
}
|
||||
|
||||
&.critical {
|
||||
@include lib.border(scheme.$red, 0.5);
|
||||
@include lib.border(scheme.$red, 0.8);
|
||||
@include popup(scheme.$red);
|
||||
}
|
||||
}
|
||||
|
||||
.actions > * {
|
||||
background-color: scheme.$surface1;
|
||||
background-color: scheme.$surface0;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: scheme.$surface2;
|
||||
background-color: scheme.$surface1;
|
||||
}
|
||||
|
||||
&:active {
|
||||
background-color: scheme.$overlay0;
|
||||
background-color: scheme.$surface2;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue