waybar

1 files changed, 39 insertions, 36 deletions

diff --git a/.config/waybar/style.css b/.config/waybar/style.css
index a5b6865..b9dd3c9 100644
--- a/.config/waybar/style.css
+++ b/.config/waybar/style.css
@@ -1,17 +1,30 @@
+@define-color bg                #282828;
+@define-color fg                #ebdbb2;
+@define-color red               #cc241d;
+@define-color bright_red        #fb4934;
+
 * {
     font-family: monospace;
+    /* font-weight: bold; */
     font-size: 17px;
     border: none;
+    border-radius: 0px;
 }
 
 window#waybar {
-    background-color: #282828;
-    color: #ebdbb2;
+    background-color: @fg;
+    color: @bg;
+}
+
+.modules-right {
+  color: @fg;
+  background-color: @bg;
+  padding-left: 8px;
 }
 
-window#waybar > * {
-    margin-top: 3px;
-    margin-bottom: 3px; /* margin-top + bar underline thickness */
+.modules-left {
+  color: @fg;
+  background-color: @bg;
 }
 
 window#waybar.hidden {
@@ -24,26 +37,41 @@ window#waybar.hidden {
 }
 
 #workspaces button {
-    padding: 0;
+    padding: 3 8 3 8;
     min-height: 0px;
-    margin-left: 4px;
-    color: #495156;
+    /* margin-left: 4px; */
+    color: @fg;
+    background-color: @bg;
 }
 
 #workspaces button.active {
-    color: #d3c6aa;
+    color: @bg;
+    background-color: @fg;
 }
 
 #workspaces button.urgent {
     color: #e67e80;
 }
 
+#custom-layout {
+  color: @fg;
+  /* padding-left: 5px; */
+  /* padding-right: 5px; */
+  background-color: @bg;
+}
+
+#window {
+  padding-left: 10px;
+  color: @bg;
+  background-color: @fg;
+}
+
 #mode {
     background-color: #ff0000;
     box-shadow: inset 0 -3px #0000ff;
 }
 
-#custom-clock,
+#clock,
 #battery,
 #cpu,
 #custom-memory,
@@ -73,15 +101,10 @@ window#waybar.hidden {
 #custom-notifications,
 #custom-power,
 #mpd {
-    padding: 0 2px;
+    padding: 0 5px;
     margin-right: 2px;
 }
 
-#window,
-#workspaces {
-    margin: 0 4px;
-}
-
 /* If workspaces is the leftmost module, omit left margin */
 .modules-left > widget:first-child > #workspaces {
     margin-left: 0;
@@ -374,23 +397,3 @@ label:focus {
 #privacy-item.audio-out {
     background-color: #00ff00;
 }
-
-tooltip {
-  background-color: @color-tooltip-bg;
-  border: none;
-  border-radius: 5px;
-}
-
-tooltip decoration {
-  box-shadow: none;
-}
-
-tooltip decoration:backdrop {
-  box-shadow: none;
-}
-
-tooltip label {
-  color: @color-tooltip-fg;
-  padding-left: 5px;
-  padding-right: 5px;
-}