update waybar

config.jsonc

@@ -21,9 +21,9 @@
     "pulseaudio",
     "network",
     // "power-profiles-daemon",
-    "cpu",
-    "memory",
-    "temperature",
+    // "cpu",
+    // "memory",
+    // "temperature",
     "backlight",
     // "keyboard-state",
     "hyprland/language",
@@ -147,7 +147,7 @@
     "spacing": 10,
   },
   "clock": {
-    // "timezone": "America/New_York",
+    "timezone": "America/Los_Angeles",
     "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
     "format-alt": "{:%Y-%m-%d}",
   },

style.css

@@ -1,12 +1,13 @@
 * {
   /* `otf-font-awesome` is required to be installed for icons */
-  font-family: FontAwesome, Roboto, Helvetica, Arial, sans-serif;
+  font-family:
+    JetBrainsMonoNerdFont, FontAwesome, Roboto, Helvetica, Arial, sans-serif;
   font-size: 13px;
 }
 
 window#waybar {
-  background-color: rgba(43, 48, 59, 0.5);
-  border-bottom: 3px solid rgba(100, 114, 125, 0.5);
+  background-color: rgba(54, 58, 79, 0.5);
+  /* border-bottom: 3px solid rgba(100, 114, 125, 0.5); */
   color: #cad3f5;
   transition-property: background-color;
   transition-duration: 0.5s;
@@ -53,16 +54,16 @@ button:hover {
   background-color: #a37800;
 }
 
-#workspaces {
-  background-color: #363a4f;
-  border-radius: 0.5em;
-}
+/* #workspaces { */
+/* background-color: rgba(54, 58, 79, 0.5); */
+/* border-radius: 0.5em; */
+/* padding: 0 0.5em; */
+/* } */
 
 #workspaces button {
-  padding: 0 0.5em;
-  background-color: #363a4f;
+  padding: 1px 0.5em;
   color: #c6a0f6;
-  margin: 0.25em;
+  margin: 0 0.25em 0 0;
 }
 
 #workspaces button:hover {
@@ -79,7 +80,7 @@ button:hover {
 }
 
 #workspaces button.empty {
-  color: #6e738d;
+  color: #a5adcb;
   background-color: transparent;
 }
 
@@ -116,6 +117,7 @@ button:hover {
 #window,
 #workspaces {
   margin: 0 4px;
+  color: #cad3f5;
 }
 
 /* If workspaces is the leftmost module, omit left margin */
@@ -128,6 +130,10 @@ button:hover {
   margin-right: 0;
 }
 
+#workspaces {
+  color: #8aadf4;
+}
+
 #clock {
   background-color: #64727d;
 }