feat: more like omarchy

waybar/.config/waybar/config.jsonc

@@ -2,9 +2,9 @@
   "layer": "top",
   "position": "top",
   "mod": "dock",
-  "margin-left": 8,
-  "margin-right": 8,
-  "margin-top": 8,
+  "margin-left": 0,
+  "margin-right": 0,
+  "margin-top": 0,
   "margin-bottom": 0,
   "exclusive": true,
   "passthrough": false,
@@ -57,7 +57,7 @@
     "tooltip": true
   },
   "tray": {
-    "icon-size": 18,
+    "icon-size": 16,
     "spacing": 6,
     "rotate": 0
   },
@@ -91,7 +91,6 @@
       "9": "󰎼",
       "10": "󰽽",
       "urgent": "",
-      "active": "",
       "default": "",
       "empty": ""
     }
@@ -105,7 +104,7 @@
     }
   },
   "clock": {
-    "format": "{:%R %a %d %b}",
+    "format": "{:%A %R}",
     "rotate": 0,
     "tooltip-format": "<tt>{calendar}</tt>",
     "calendar": {

waybar/.config/waybar/style.css

@@ -1,6 +1,6 @@
 @import url("../rider-palette/palette.css");
 
-@define-color foreground @rider-fg-bright;
+@define-color foreground @rider-fg;
 @define-color foreground-muted @rider-fg-gutter;
 @define-color background @rider-bg;
 @define-color background-alt @rider-cursor-line;
@@ -11,23 +11,23 @@
 @define-color warning @rider-string;
 @define-color danger @rider-error;
 
+/*  font-family: 'JetBrainsMono Nerd Font Mono';*/
 * {
   color: @foreground;
-  font-family: 'JetBrainsMono Nerd Font Mono';
+  font-family: 'JetBrainsMono Nerd Font';
   font-size: 15px;
-  min-height: 0;
+  font-weight: 300;
 }
 
 window#waybar {
-  background: alpha(@background, 0.95);
-  border: 1px solid #595959;
-  border-radius: 6px;
+  background: @background;
+  border-radius: 0px;
   box-shadow: none;
   color: @foreground;
 }
 
-window#waybar > box {
-  padding: 8px;
+window#waybar>box {
+  padding: 6px 3px;
 }
 
 tooltip {
@@ -56,30 +56,30 @@ tooltip {
 #custom-power {
   background: alpha(@background, 0.56);
   border: 1px solid alpha(@foreground, 0.14);
-  border-radius: 9px;
+  border-radius: 8px;
   box-shadow: 0 8px 24px alpha(@background, 0.22);
-  margin: 0 4px;
-  padding: 0 12px;
-  min-height: 34px;
+  margin: 0 3px;
+  padding: 0 10px;
+  min-height: 30px;
 }
 
 #workspaces {
-  padding: 0 6px;
+  padding: 0 5px;
 }
 
 #workspaces button {
   all: initial;
-  font-size: 21px;
-  min-width: 22px;
-  padding: 0 4px;
-  margin: 5px 2px;
-  border-radius: 7px;
+  font-size: 18px;
+  min-width: 19px;
+  padding: 0 3px;
+  margin: 4px 2px;
+  border-radius: 6px;
   color: @foreground-muted;
   opacity: 0.9;
 }
 
 #workspaces button label {
-  font-size: 21px;
+  font-size: 18px;
 }
 
 #workspaces button.empty {
@@ -100,14 +100,14 @@ tooltip {
 
 #window {
   color: @foreground-muted;
-  padding-right: 16px;
+  padding-right: 14px;
 }
 
 #clock {
-  border-color: alpha(@accent, 0.35);
   color: @foreground;
-  font-weight: 400;
-  padding: 0 18px;
+  padding: 0 15px;
+  box-shadow: none;
+  border: none;
 }
 
 #network {
@@ -145,13 +145,12 @@ tooltip {
 }
 
 #tray {
-  padding: 0 14px;
+  padding: 0 12px;
 }
 
 #custom-power {
   color: @danger;
-  font-size: 22px;
-  padding: 0 13px;
+  padding: 0px 16px 0px 12px;
 }
 
 #custom-launcher:hover,
@@ -187,8 +186,8 @@ menu#menu {
 
 menu#menu menuitem {
   border-radius: 10px;
-  margin: 2px 4px;
-  padding: 6px 12px;
+  margin: 10px;
+  padding: 8px 12px;
 }
 
 menu#menu menuitem:hover {