nosignal/nosignal-shell
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

scss: darken bar and popdowns

Browse source
This commit is contained in:
2 * r + 2 * t 2025-01-27 12:30:38 +11:00
parent 3c8714c36a
commit 04023273ce
4 changed files with 10 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
scss/_lib.scss
View file

@ -50,7 +50,7 @@ $scale: 0.068rem;
@include shadow; @include shadow;
@include font.mono; @include font.mono;
background-color: scheme.$base; background-color: scheme.$mantle;
color: $colour; color: $colour;
padding: s(10) s(12); padding: s(10) s(12);
font-size: s(14); font-size: s(14);

5
scss/bar.scss
View file

@ -6,8 +6,7 @@
.bar { .bar {
@include font.mono; @include font.mono;
border-top: none; background-color: scheme.$crust;
background-color: scheme.$base;
padding: lib.s(8) lib.s(20); padding: lib.s(8) lib.s(20);
font-size: lib.s(14); font-size: lib.s(14);
@ -21,7 +20,7 @@
@include lib.rounded(5); @include lib.rounded(5);
padding: lib.s(3) lib.s(8); padding: lib.s(3) lib.s(8);
background-color: scheme.$surface0; background-color: scheme.$base;
@include lib.spacing; @include lib.spacing;
} }

4
scss/popdowns/media.scss
View file

@ -12,7 +12,7 @@ $-accent2: scheme.$pink;
@include lib.shadow; @include lib.shadow;
@include font.mono; @include font.mono;
background-color: scheme.$base; background-color: scheme.$mantle;
color: $-accent; color: $-accent;
padding: lib.s(12); padding: lib.s(12);
font-size: lib.s(14); font-size: lib.s(14);
@ -26,7 +26,7 @@ $-accent2: scheme.$pink;
.overlay { .overlay {
@include lib.rounded(5); @include lib.rounded(5);
background-color: color.change(scheme.$base, $alpha: 0.8); background-color: color.change(scheme.$mantle, $alpha: 0.8);
} }
.background { .background {

10
scss/popdowns/notifications.scss
View file

@ -25,7 +25,7 @@
} }
.inner { .inner {
background-color: color.mix(scheme.$surface0, scheme.$base, 70%); background-color: color.mix(scheme.$base, scheme.$surface0, 70%);
&.low { &.low {
@include popup(scheme.$overlay0); @include popup(scheme.$overlay0);
@ -37,21 +37,21 @@
} }
&.critical { &.critical {
@include lib.border(scheme.$red, 0.5); @include lib.border(scheme.$red, 0.8);
@include popup(scheme.$red); @include popup(scheme.$red);
} }
} }
.actions > * { .actions > * {
background-color: scheme.$surface1; background-color: scheme.$surface0;
&:hover, &:hover,
&:focus { &:focus {
background-color: scheme.$surface2; background-color: scheme.$surface1;
} }
&:active { &:active {
background-color: scheme.$overlay0; background-color: scheme.$surface2;
} }
} }
} }