style: lighter backgrounds

Use base instead of mantle
Fix session transparency
More rounding for session and lock osds

7 files changed, 13 insertions, 13 deletions

diff --git a/scss/bar.scss b/scss/bar.scss
index 7a58b8a..b14ceeb 100644
--- a/scss/bar.scss
+++ b/scss/bar.scss
@@ -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 {
diff --git a/scss/common.scss b/scss/common.scss
index 3448bb5..d0fb799 100644
--- a/scss/common.scss
+++ b/scss/common.scss
@@ -9,7 +9,7 @@ label.icon {
 .screen-corner {
     @include lib.rounded(15);
 
-    background-color: scheme.$mantle;
+    background-color: scheme.$base;
 }
 
 .notification {
diff --git a/scss/mediadisplay.scss b/scss/mediadisplay.scss
index 87bab79..a167133 100644
--- a/scss/mediadisplay.scss
+++ b/scss/mediadisplay.scss
@@ -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);
diff --git a/scss/navbar.scss b/scss/navbar.scss
index 4888618..72ace59 100644
--- a/scss/navbar.scss
+++ b/scss/navbar.scss
@@ -6,7 +6,7 @@
 .navbar {
     @include font.mono;
 
-    background-color: scheme.$mantle;
+    background-color: scheme.$base;
 
     button {
         color: scheme.$subtext1;
diff --git a/scss/osds.scss b/scss/osds.scss
index a3cd4f2..d7afd24 100644
--- a/scss/osds.scss
+++ b/scss/osds.scss
@@ -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;
diff --git a/scss/session.scss b/scss/session.scss
index 4421b71..69c8b33 100644
--- a/scss/session.scss
+++ b/scss/session.scss
@@ -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 {
diff --git a/scss/sidebar.scss b/scss/sidebar.scss
index 40d370e..d82ad7f 100644
--- a/scss/sidebar.scss
+++ b/scss/sidebar.scss
@@ -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);