4 files changed, 13 insertions, 13 deletions
diff --git a/pkgs/astal/src/style/widget/bar.scss b/pkgs/astal/src/style/widget/bar.scss
index 01e73ce..69ab270 100644
--- a/pkgs/astal/src/style/widget/bar.scss
+++ b/pkgs/astal/src/style/widget/bar.scss
@@ -1,6 +1,6 @@
 
 .bar {
-  background: $bg;
+  background: $base;
 
   .workspaces {
     margin: $inner-gap $outer-gap;
@@ -23,7 +23,7 @@
     .tray {
       margin: $inner-gap $outer-gap;
       margin-right: 0px;
-      background: $surface-bg;
+      background: $surface;
       border-radius: $inner-radius;
       padding: 0px $outer-gap;
 
diff --git a/pkgs/astal/src/style/widget/corners.scss b/pkgs/astal/src/style/widget/corners.scss
index 53cdb9b..a5015cb 100644
--- a/pkgs/astal/src/style/widget/corners.scss
+++ b/pkgs/astal/src/style/widget/corners.scss
@@ -3,7 +3,7 @@
   $radius: $outer-radius + $outer-gap;
 
   box {
-    box-shadow: 0 0 0 $radius $bg;
+    box-shadow: 0 0 0 $radius $base;
     border-radius: $radius $radius 0 0;
   }
 }
diff --git a/pkgs/astal/src/style/widget/deck.scss b/pkgs/astal/src/style/widget/deck.scss
index adf8c00..64cfc9d 100644
--- a/pkgs/astal/src/style/widget/deck.scss
+++ b/pkgs/astal/src/style/widget/deck.scss
@@ -9,8 +9,8 @@ $deck-scale: $font-size * 4;
 
     .notification {
         > box {
-            color: $fg;
-            background: $bg;
+            color: $text;
+            background: $base;
             border-radius: $outer-radius;
             margin-bottom: $outer-gap;
             min-width: $deck-scale * 6;
@@ -33,7 +33,7 @@ $deck-scale: $font-size * 4;
 
     .header {
         padding: $outer-gap;
-        color: gtkalpha($fg, 0.5);
+        color: gtkalpha($text, 0.5);
 
         .app-icon {
             margin-left: $inner-gap;
@@ -63,14 +63,14 @@ $deck-scale: $font-size * 4;
 
     separator {
         margin: 0 $outer-gap;
-        background: gtkalpha($fg, .1);
+        background: gtkalpha($text, .1);
     }
 
     .content {
         margin: $outer-gap;
 
         .body {
-            color: gtkalpha($fg, 0.8);
+            color: gtkalpha($text, 0.8);
         }
 
         .image {
diff --git a/pkgs/astal/src/style/widget/launcher.scss b/pkgs/astal/src/style/widget/launcher.scss
index 3b05aca..d39f06f 100644
--- a/pkgs/astal/src/style/widget/launcher.scss
+++ b/pkgs/astal/src/style/widget/launcher.scss
@@ -2,14 +2,14 @@
 .launcher {
 	> box {
 		padding: 5em;
-		background: gtkalpha($bg, 0.7);
+		background: gtkalpha($base, 0.7);
 		border-radius: $outer-radius $outer-radius 0 0;
 	}
 
 	.search {
 		margin-bottom: 5em;
-		color: $surface-fg;
-		background: $surface-bg;
+		color: $text;
+		background: $surface;
 		padding: $outer-gap;
 		border-radius: $outer-radius;
 		min-width: 20em;
@@ -25,7 +25,7 @@
 
 		&:hover,
 		&.selected {
-			background: gtkalpha($hover-bg, .5);
+			background: gtkalpha($overlay, .5);
 		}
 
 		icon {
@@ -35,7 +35,7 @@
 		.name {
 			margin-top: $outer-gap;
 			font-size: 1.25em;
-			color: gtkalpha($fg, 0.9);
+			color: gtkalpha($text, 0.9);
 		}
 	}