updates ironbar config

modules/wm/ironbar/config/config.toml

@@ -5,7 +5,7 @@ icon_theme = "Reversal-dark"
 [[start]]
 type = "workspaces"
 favorites = ["main", "code", "gaming", "other", "chat", "media"]
-hidden = ["7"]
+hidden = [ "7" ]
 sort = "added"
 
 [start.name_map]
@@ -23,9 +23,15 @@ icon_size = 16
 [[end]]
 type = "volume"
 
+[[end]]
+type = "bluetooth"
+
 [[end]]
 type = "tray"
 
 [[end]]
 type = "clock"
 
+[[end]]
+type = "notifications"
+

modules/wm/ironbar/config/style.css

@@ -1,40 +1,58 @@
 :root {
-  --color-dark-primary: #1c1c1c;
+  --color-dark-primary: #0f0b15;
-  --color-dark-secondary: #2d2d2d;
+  --color-dark-secondary: #1d202f;
   --color-white: #fff;
-  --color-active: #6699cc;
+  --color-active: #d369af;
-  --color-urgent: #8f0a0a;
+  --color-urgent: #ff6a7a;
+  --color-muted: #331531;
 
   --margin-lg: 1em;
   --margin-sm: 0.5em;
 }
 
 * {
+    border-image: none;
     border-radius: 0;
-    border: none;
     box-shadow: none;
-    font-family: monospace;
+    font-family: VictorMono Nerd Font;
+    font-weight: 600;
+    background-color: var(--color-dark-primary);
+    border: none;
+    background-image: none;
+}
+
+*:hover {
+    background-image: none;
+    outline: 0;
+    border: none;
+}
+
+.background, .container {
+    background-color: var(--color-dark-primary);
 }
 
 #bar, popover, popover contents, calendar {
     background-color: var(--color-dark-primary);
 }
 
-box, button, label {
+popover, popover contents, calendar {
-    background-color: #0000;
+    background-color: var(--color-dark-primary);
+    border-radius: 5px;
+    border: 2px solid var(--color-muted);
 }
 
 button {
     padding-left: var(--margin-sm);
     padding-right: var(--margin-sm);
+    background-color: var(--color-dark-primary);
 }
 
 button:hover, button:active {
     background-color: var(--color-dark-secondary);
 }
 
-#end > * + * {
+#end {
-    margin-left: var(--margin-lg);
+    margin-right: var(--margin-sm);
 }
 
 .sysinfo > * + * {
@@ -53,14 +71,45 @@ button:hover, button:active {
     background-color: var(--color-active);
 }
 
-/* .workspaces .item.visible { */
+.popup-clock .calendar .day-number:selected {
-/*     box-shadow: inset 0 -1px var(--color-white); */
+    background-color: var(--color-muted);
-/* } */
+    border: none;
+    outline: 1px solid var(--color-active);
+}
+
+.workspaces {
+    margin-left: var(--margin-sm);
+    background-color: var(--color-dark-primary);
+}
+
+.workspaces .item{
+    background-color: var(--color-dark-primary);
+    color: var(--color-active);
+}
+
+.workspaces .item:hover{
+    background-color: var(--color-active);
+    color: var(--color-active);
+}
+
+.workspaces .item:hover label{
+    background-color: var(--color-active);
+    color: var(--color-dark-primary);
+}
+
+.workspaces .item.visible label{
+    color: var(--color-dark-primary);
+    background-color: var(--color-active);
+}
+
+.workspaces .item.visible{
+    background-color: var(--color-dark-primary);
+    color: var(--color-muted);
+}
 
 .workspaces .item.focused {
-    box-shadow: inset 0 -1px var(--color-active);
+    background-color: var(--color-active);
-    background-color: #ffffff;
+    color: var(--color-muted);
-    /* background-color: var(--color-dark-primary);*/
 }
 
 .workspaces .item.urgent {