dotfiles

commit 0812e38ffc1fbe384f18c6d1d51d78b3eaf0e259
parent b9ed636f43da9cb87c1de2902a5955bba898f81b
Author: Jake Koroman <jakekoroman@gmail.com>
Date:   Wed,  9 Oct 2024 10:16:11 -0400

waybar: style change.

Diffstat:
M
.config/waybar/style.css
 | 
36
+++++++++++++++++++++---------------

1 file changed, 21 insertions(+), 15 deletions(-)
diff --git a/.config/waybar/style.css b/.config/waybar/style.css
@@ -1,5 +1,9 @@
+@define-color background #282828;
+@define-color foreground #e4e4e4;
+@define-color red #f53c3c;
+@define-color cyan #005577;
+
 * {
-    border: none;
     border-radius: 0;
     font-family: Iosevka Nerd Font, Roboto, Helvetica, Arial, sans-serif;
     font-size: 13px;
@@ -7,14 +11,12 @@
 }
 
 window#waybar {
-    background: rgba(43, 48, 59, 0.5);
-    border-bottom: 3px solid rgba(100, 114, 125, 0.5);
-    color: white;
+    background: @background;
+    color: @foreground;
 }
 
 tooltip {
   background: rgba(43, 48, 59, 0.5);
-  border: 1px solid rgba(100, 114, 125, 0.5);
 }
 
 tooltip label {
@@ -23,22 +25,27 @@ tooltip label {
 
 #tags button {
     padding: 0 5px;
-    background: transparent;
     color: white;
-    border-bottom: 3px solid transparent;
-}
-
-#tags button.occupied {
-    border-bottom: 3px solid green;
 }
 
 #tags button.urgent {
-    border-bottom: 3px solid #f53c3c;
+	background: @red;
 }
 
 #tags button.focused {
-    background: #64727D;
-    border-bottom: 3px solid white;
+    background: @cyan;
+}
+
+#tags button:not(.occupied):not(.focused) {
+	font-size: 0;
+	min-width: 0;
+	min-height: 0;
+	margin: -17px;
+	padding: 0;
+	border: 0;
+	opacity: 0;
+	box-shadow: none;
+	background-color: transparent;
 }
 
 #mode, #clock, #battery, #pulseaudio, #custom-mail {
@@ -47,7 +54,6 @@ tooltip label {
 
 #mode {
     background: #64727D;
-    border-bottom: 3px solid white;
 }
 
 #clock {