diff --git a/config/astal/components/bar/bar.scss b/config/astal/components/bar/bar.scss
index bdbb96d..9454e98 100644
--- a/config/astal/components/bar/bar.scss
+++ b/config/astal/components/bar/bar.scss
@@ -13,27 +13,33 @@ window.Bar {
   /* } */
   .mode-status {
     &.windowing-mode {
-
+      background-color: darkslategray;
+      color: white;
     }
 
     &.workspace-mode {
-
+      background-color: darkblue;
+      color: white;
     }
 
     &.launch-mode {
-
+      background-color: darkgreen;
+      color: white;
     }
 
     &.device-mode {
-
+      background-color: darkred;
+      color: white;
     }
     
     &.screenshotting-mode {
-
+      background-color: purple;
+      color: white;
     }
 
     &.notifications-mode {
-
+      background-color: darkorange;
+      color: white;
     }
   }