[Astal] Add mode indicator

config/astal/components/bar/bar.scss

@@ -12,6 +12,14 @@ window.Bar {
   /*     margin: 8px; */
   /* } */
   .mode-status {
+    color: white;
+    background-color: #00002dff;
+    padding-left: 10px;
+    padding-right: 10px;
+    margin-left: 5px;
+    border-radius: 20px;
+    font-family: $monospace-font;
+
     &.windowing-mode {
       background-color: darkslategray;
       color: white;
@@ -31,7 +39,7 @@ window.Bar {
       background-color: darkred;
       color: white;
     }
-    
+
     &.screenshotting-mode {
       background-color: purple;
       color: white;
@@ -85,12 +93,13 @@ window.Bar {
   .time {
     min-width: 11rem;
     padding: 3px;
+
     & button {
       box-shadow: none;
       padding: 0;
     }
   }
-  
+
   .quick-view-symbol {
     margin: 4px;
   }