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

2
scss/common.scss
View file

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

2
scss/mediadisplay.scss
View file

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

2
scss/navbar.scss
View file

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

2
scss/osds.scss
View file

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

10
scss/session.scss
View file

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

2
scss/sidebar.scss
View file

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