fixed waybar theming

1 files changed, 23 insertions, 12 deletions

diff --git a/dotfiles/waybar/style.css b/dotfiles/waybar/style.css
index 618e2ca..2c6a482 100644
--- a/dotfiles/waybar/style.css
+++ b/dotfiles/waybar/style.css
@@ -4,13 +4,16 @@
     font-size: 15px;
 }
 
-@define-color background-color #1b1b1b;
-@define-color accent-color #4c5b3f;
-@define-color text-color #e4e4e4;
-@define-color dark-text-color #2b2b23;
-@define-color hover-color #8f8e84;
-@define-color warning-color #e8b54a;
-@define-color critical-color #c65858;
+@define-color background-color #2b2b23;
+
+@define-color text-color #ecede3;
+@define-color dark-text-color #1b1c12;
+
+@define-color accent-color #595c37;
+@define-color hover-color #c0c3a2;
+
+@define-color warning-color #f4fb81;
+@define-color critical-color #c73d4e;
 
 window#waybar {
     background-color: @background-color;
@@ -61,8 +64,12 @@ button:hover {
     transition: background-color 0.2s;
 }
 
+#clock:hover,
+#bluetooth:hover,
+#bluetooth.disabled:hover,
 #network:hover,
 #pulseaudio:hover,
+#pulseaudio.muted:hover,
 #wireplumber:hover,
 #custom-power:hover {
     color: @dark-text-color;
@@ -89,7 +96,6 @@ button:hover {
     background-color: @critical-color;
     color: black;
 }
-
 #pulseaudio.muted {
     background-color: @background-color;
     color: @text-color;
@@ -98,7 +104,6 @@ button:hover {
 #bluetooth {
     background-color: @critical-color;
 }
-
 #bluetooth.disabled {
     background-color: @background-color;
 }
@@ -112,9 +117,14 @@ button:hover {
     animation-direction: alternate;
 }
 
+#clock {
+    /* background-color: @accent-color; */
+    border-radius: 5px;    
+}
+
 #network.disabled,
 #network.disconnected {
-    color: black;
+    color: @dark-text-color;
     padding: 4px 0;
     font-size: 18px;
 }
@@ -146,7 +156,7 @@ button:hover {
 
 #taskbar button {
     padding: 5px 0;
-    border-radius: 10px 20px 10px 20px;
+    border-radius: 10px;
     background-color: @accent-color;
 }
 
@@ -164,11 +174,12 @@ button:hover {
 }
 
 menu {
-    padding: 0;
+    padding: 5px 0;
     background-color: @bg-color;
     color: @text-color;
     border-radius: 5px;
 }
+
 menuitem {
     padding: 5px 0;
     /* margin: 2px 0; */