diff --git a/modules/home/ags/app/style.scss b/modules/home/ags/app/style.scss
index f722483..fde7758 100644
--- a/modules/home/ags/app/style.scss
+++ b/modules/home/ags/app/style.scss
@@ -5,22 +5,22 @@ $radius: 12px; // keep in sync with RADIUS in Bar.tsx
 $spacing: 8px;
 $padding: 8px;
 $border-width: 1px;
-$border-color: $base02;
+$border-color: $base03;
 $border: $border-width solid $border-color;
 $transition: 180ms;
 $fg: $base05;
 $primary-bg: $base0D;
 $primary-fg: $base00;
-$widget-bg: transparentize($base02, 0.45);
-$hover-bg: transparentize($base02, 0.2);
+$widget-bg: transparentize($base03, 0.45);
+$hover-bg: transparentize($base03, 0.2);
 $hover-overlay: transparentize($base05, 0.92);
 $active-hover: transparentize($primary-bg, 0.15);
 $active-gradient: linear-gradient(to right, $primary-bg, darken($primary-bg, 4%));
-$toast-bg: transparentize($base02, 0.15);
+$toast-bg: transparentize($base03, 0.15);
 
 $bar-alpha: 0.7;
 $bar-bg: transparentize($base01, 1 - $bar-alpha);
-$module-bg: transparentize($base02, 0.4);
+$module-bg: transparentize($base03, 0.4);
 
 * {
     all: unset;
@@ -134,7 +134,7 @@ $module-bg: transparentize($base02, 0.4);
 
 .dropdown {
     background: $base01;
-    border: $border-width solid transparentize($base02, 0.5);
+    border: $border-width solid transparentize($base03, 0.5);
     border-radius: 10px;
     padding: 10px 12px;
     color: $fg;
@@ -590,7 +590,7 @@ scale {
             background-color: $toast-bg;
 
             &:hover {
-                background-color: $base02;
+                background-color: $base03;
             }
         }
     }