2 files changed, 30 insertions, 2 deletions
diff --git a/modules/user/desktop/apps/waybar/default.nix b/modules/user/desktop/apps/waybar/default.nix
index e2b4b72..85c89e2 100644
--- a/modules/user/desktop/apps/waybar/default.nix
+++ b/modules/user/desktop/apps/waybar/default.nix
@@ -10,6 +10,10 @@
         "sway/language"
       ];
 
+      clock = {
+        format = "{:%A, %b %d %Y | %H:%M}";
+      };
+
       "sway/language" = {
         on-click = "swaymsg input type:keyboard xkb_switch_layout next";
         tooltip-format = "{long}";
diff --git a/modules/user/desktop/apps/waybar/style.css b/modules/user/desktop/apps/waybar/style.css
index 9b5b2ae..10f7787 100644
--- a/modules/user/desktop/apps/waybar/style.css
+++ b/modules/user/desktop/apps/waybar/style.css
@@ -12,17 +12,41 @@ window#waybar {
 }
 
 tooltip {
-    background: rgba(0, 0, 0, 0.5);
+    background: rgba(0, 0, 0, 0.33);
 }
 
 tooltip label {
     color: #cdd6f4;
 }
 
+.modules-left, .modules-center, .modules-right {
+    background: rgba(0, 0, 0, 0.33);
+    border-bottom-left-radius: 5px;
+    border-bottom-right-radius: 5px;
+    margin: 0 6px;
+    padding: 0 2px;
+}
+
 #workspaces button {
+    background: none;
+    box-shadow: none;
+    color: #6c7086;
     padding: 0;
 }
 
+#workspaces button.visible {
+    color: #a6adc8;
+}
+
+#workspaces button.focused {
+    color: #cba6f7;
+}
+
+#workspaces button.urgent {
+    color: #f38ba8;
+}
+
 #workspaces button:hover {
-    background: inherit;
+    color: #cdd6f4;
+    text-shadow: inherit;
 }