home/waybar: change the style to be a bit more readable

1 files changed, 19 insertions, 33 deletions

diff --git a/home/profiles/waybar.nix b/home/profiles/waybar.nix
index e6f6c3d..12ad6fb 100644
--- a/home/profiles/waybar.nix
+++ b/home/profiles/waybar.nix
@@ -85,24 +85,27 @@ in
     * {
       border-radius: 0;
       border: none;
-      margin: 0;
-      min-height: 0;
-      padding: 0;
       font-family: Source Code Pro;
       font-size: 15px;
+      color: #C5C8C6;
+      min-height: 24px;
     }
     window#waybar {
-      background-color: #282A36;
-      color: #eee;
+      background-color: #282A2E;
+      color: #C5C8C6;
+    }
+    #window {
+      font-weight: bold;
+      font-family: Source Code Pro;
     }
     #workspaces button {
-      padding: 0 3px;
+      padding: 0 5px;
       background-color: transparent;
-      color: #eee;
+      color: #C5C8C6;
     }
     #workspaces button.focused {
-      background-color: #285577;
-      border: 1px solid #4c7899;
+      background-color: #373B41;
+      border-bottom: 2px solid #F0C674;
     }
     #clock,
     #battery,
@@ -110,46 +113,29 @@ in
     #pulseaudio,
     #tray,
     #mode {
-      padding-left: 10px;
-      padding-right: 10px;
-    }
-    #mode {
-      /* No styles */
-    }
-    #tray {
-      /* No styles */
-    }
-    #clock {
-      /* No styles */
-    }
-    #battery {
-      animation-timing-function: linear;
-      animation-iteration-count: infinite;
-      animation-direction: alternate;
+      padding: 0 6px;
+      margin: 0 3px;
     }
     #battery.discharging {
-      color: #90a1ad;
-    }
-    #battery.charging {
-      color: #fffff8;
+      color: #f0c674;
     }
     #battery.warning {
-      border-bottom: 2px solid #ff9e21;
+      border-bottom: 2px solid #efc673;
     }
     #battery.critical {
-      border-bottom: 2px solid #ff3121;
+      border-bottom: 2px solid #ef8773;
     }
     #network {
       /* No styles */
     }
     #network.disconnected {
-      color: orange;
+      color: #efc673;
     }
     #pulseaudio {
       /* No styles */
     }
     #pulseaudio.muted {
-      color: #90a1ad;
+      color: #8c8f91;
     }
   '';
 }