From 82c4a041f2ae3ba2e67421a2212097b4ded306bf Mon Sep 17 00:00:00 2001
From: thomasabishop <thomasabishop@proton.me>
Date: Sat, 10 Feb 2024 16:47:19 +0000
Subject: [PATCH] waybar: use material-gruvbox colours

---
 waybar/config    |   6 +--
 waybar/style.css | 112 +++++++++--------------------------------------
 2 files changed, 24 insertions(+), 94 deletions(-)

diff --git a/waybar/config b/waybar/config
index a12c9f5..7a4c77a 100644
--- a/waybar/config
+++ b/waybar/config
@@ -3,8 +3,8 @@
   "height": 30,
   "spacing": 4,
   "modules-left": [
+    "custom/os",
     "hyprland/workspaces"
-    
   ],
   "modules-right": [
     "custom/spotify",
@@ -14,8 +14,8 @@
     "memory",
     "disk",
     "temperature",
-		"backlight",
-		"custom/wakatime",
+    "backlight",
+    "custom/wakatime",
     "battery",
     "clock"
   ],
diff --git a/waybar/style.css b/waybar/style.css
index f7291ab..9b02b3e 100644
--- a/waybar/style.css
+++ b/waybar/style.css
@@ -8,31 +8,11 @@
   font-size: 16px;
 }
 
-window#waybar {
-  background-color: transparent;
-  border-bottom: none;
-  color: #ffffff;
-  transition-property: background-color;
-  transition-duration: 0.5s;
-}
-
-window#waybar.hidden {
-  opacity: 0.2;
-}
-
 tooltip {
   font-weight: 400;
+  border-radius: 0;
 }
 
-/*
-window#waybar.empty {
-    background-color: transparent;
-}
-window#waybar.solo {
-    background-color: #FFFFFF;
-}
-*/
-
 window#waybar.termite {
   background-color: #3f3f3f;
 }
@@ -50,11 +30,9 @@ button {
   border-radius: 0;
 }
 
-/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
-
 #workspaces button.active {
-  background-color: #d65d0e;
-  color: #ebdbb2;
+  background-color: #e78a4a;
+  color: #282828;
 }
 
 #workspaces button {
@@ -66,12 +44,7 @@ button {
 }
 
 #workspaces button.urgent {
-  background-color: #cc241d;
-}
-
-#mode {
-  background-color: #64727d;
-  border-bottom: 3px solid #ffffff;
+  background-color: #ea6962;
 }
 
 #clock,
@@ -98,7 +71,6 @@ button {
   font-weight: 600;
   padding: 3px 12px;
   margin: 0;
-  color: #ffffff;
   border-radius: 0px;
 }
 
@@ -108,10 +80,6 @@ button {
   font-weight: 600;
 }
 
-#window {
-  color: #abb2bf;
-}
-
 /* If workspaces is the leftmost module, omit left margin */
 .modules-left > widget:first-child > #workspaces {
   margin-left: 0;
@@ -123,36 +91,29 @@ button {
 }
 
 #clock {
-  background-color: #98971a;
+  background-color: #a9b665;
   color: #282828;
 }
 
 #bluetooth {
-  background-color: #d79921;
+  background-color: #d8a657;
   color: #282828;
 }
 
 #battery {
-  background-color: #d79921;
+  background-color: #d8a657;
   color: #282828;
 }
 
 #battery.charging,
 #battery.plugged {
   color: #282c34;
-  background-color: #98c379;
-}
-
-@keyframes blink {
-  to {
-    background-color: #ffffff;
-    color: #282c34;
-  }
+  background-color: #a9b665;
 }
 
 #battery.critical:not(.charging) {
-  background-color: #be5046;
-  color: #ffffff;
+  background-color: #ea6962;
+  color: #ddc7a1;
   animation-name: blink;
   animation-duration: 0.5s;
   animation-timing-function: linear;
@@ -160,23 +121,19 @@ button {
   animation-direction: alternate;
 }
 
-label:focus {
-  background-color: #000000;
-}
-
 #cpu {
-  background-color: #98971a;
+  background-color: #a9b665;
   color: #282828;
 }
 
 #memory {
-  background-color: #d65d0e;
+  background-color: #e78a4a;
   color: #282828;
 }
 
 #disk {
   color: #282828;
-  background-color: #b16286;
+  background-color: #d3869b;
 }
 
 #backlight {
@@ -185,41 +142,27 @@ label:focus {
 }
 
 #network {
-  background-color: #458588;
+  background-color: #7daea3;
   color: #282828;
 }
 
 #network.disconnected {
-  background-color: #e06c75;
+  background-color: #ea6962;
 }
 
 #user {
-  background-color: #e06c75;
+  background-color: #ea6962;
   color: #282c34;
 }
 
-#pulseaudio {
-  background-color: #e5c07b;
-  color: #282c34;
-}
-
-#pulseaudio.muted {
-  background-color: #90b1b1;
-  color: #e5c07b;
-}
-
-#wireplumber.muted {
-  background-color: #e06c75;
-}
-
 #custom-spotify {
-  background-color: #8ec07c;
+  background-color: #89b482;
   color: #282828;
 }
 
 #temperature {
   color: #282828;
-  background-color: #689d6a;
+  background-color: #89b482;
 }
 
 #temperature.critical {
@@ -227,19 +170,6 @@ label:focus {
   background-color: #e06c75;
 }
 
-#tray {
-  background-color: #2980b9;
-}
-
-#tray > .passive {
-  -gtk-icon-effect: dim;
-}
-
-#tray > .needs-attention {
-  -gtk-icon-effect: highlight;
-  background-color: #e06c75;
-}
-
 #idle_inhibitor {
   background-color: #2d3436;
 }
@@ -250,12 +180,12 @@ label:focus {
 }
 
 #custom-os {
-  background-color: #61afef;
-  color: #282c34;
+  background-color: #473c29;
+  color: #d4be98;
   font-size: 16px;
 }
 
 #custom-wakatime {
-  background-color: #458588;
+  background-color: #7daea3;
   color: #282828;
 }