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

style: lighter backgrounds

Browse source 
Use base instead of mantle
Fix session transparency
More rounding for session and lock osds
This commit is contained in:
2 * r + 2 * t 2025-04-15 15:07:12 +10:00
parent 06b3210704
commit 32c82f6479
7 changed files with 13 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
scss/bar.scss
View file

@ -305,7 +305,7 @@
@include lib.rounded(20);
@include lib.border(scheme.$primary, 0.5, 2);
background-color: scheme.$mantle;
background-color: scheme.$base;
.os-icon {
font-size: lib.s(16);
@ -330,13 +330,13 @@
margin: 0;
.module {
background-color: scheme.$mantle;
background-color: scheme.$base;
}
.screen-corner {
@include lib.rounded($-rounding);
background-color: scheme.$mantle;
background-color: scheme.$base;
}
&.horizontal {

2
scss/common.scss
View file

@ -9,7 +9,7 @@ label.icon {
.screen-corner {
@include lib.rounded(15);
background-color: scheme.$mantle;
background-color: scheme.$base;
}
.notification {

2
scss/mediadisplay.scss
View file

@ -6,7 +6,7 @@
.mediadisplay {
@include font.mono;
background-color: scheme.$mantle;
background-color: scheme.$base;
color: scheme.$text;
padding: lib.s(20);
min-height: lib.s(200);

2
scss/navbar.scss
View file

@ -6,7 +6,7 @@
.navbar {
@include font.mono;
background-color: scheme.$mantle;
background-color: scheme.$base;
button {
color: scheme.$subtext1;

2
scss/osds.scss
View file

@ -27,7 +27,7 @@
}
.lock {
@include lib.rounded(8);
@include lib.rounded(10);
@include lib.border(scheme.$overlay0, 0.1);
@include lib.shadow;
@include lib.element-decel;

10
scss/session.scss
View file

@ -4,10 +4,10 @@
@use "font";
.session {
background-color: rgba(0, 0, 0, 0.5);
background-color: rgba(0, 0, 0, 0.3);
.inner {
@include lib.rounded(8);
@include lib.rounded(10);
@include lib.border(scheme.$flamingo, 0.5, 2);
@include lib.shadow;
@include font.mono;
@ -31,18 +31,18 @@
@include lib.rounded(100);
@include lib.element-decel(300ms);
background-color: scheme.$base;
background-color: color.change(scheme.$surface0, $alpha: 0.4);
min-width: lib.s(100);
min-height: lib.s(100);
font-size: lib.s(32);
&:hover {
background-color: scheme.$surface0;
background-color: color.change(scheme.$surface1, $alpha: 0.4);
}
&:focus {
background-color: color.mix(scheme.$flamingo, scheme.$base, 70%);
color: scheme.$base;
color: color.change(scheme.$base, $alpha: 1);
}
&:active {

2
scss/sidebar.scss
View file

@ -68,7 +68,7 @@
.sidebar {
@include font.mono;
background-color: scheme.$mantle;
background-color: scheme.$base;
color: scheme.$text;
padding: lib.s(18) lib.s(20);
min-width: lib.s(380);