From a2e3000c33b878cbd9ff537b99cd376c80bb5a21 Mon Sep 17 00:00:00 2001
From: Andre Ramnitz <tux.rising@gmail.com>
Date: Mon, 26 Aug 2024 15:47:31 +0200
Subject: [PATCH] waybar: select from a smaller pool of predefined colors

---
 config/waybar/style.css | 77 ++++++++++++++++++++---------------------
 1 file changed, 38 insertions(+), 39 deletions(-)

diff --git a/config/waybar/style.css b/config/waybar/style.css
index b15e3e1f..a2a39d5b 100644
--- a/config/waybar/style.css
+++ b/config/waybar/style.css
@@ -15,11 +15,11 @@
 /* -----------------------------------  waybar ----------------------------------- */
 #waybar {
   border-radius: 0px 0px 8px 8px;
-  border-top: 1px @border;
-  border-bottom: 1px @border;
-  border-left: 1px @border;
-  border-right: 1px @border;
-  color: @ws;
+  border-top: 1px @brightblack;
+  border-bottom: 1px @brightblack;
+  border-left: 1px @brightblack;
+  border-right: 1px @brightblack;
+  color: @foreground;
   background-color: transparent;
 }
 
@@ -30,8 +30,8 @@
 }
 
 tooltip {
-  background: @bs;
-  border: 1px @border;
+  background: @background;
+  border: 1px @brightblack;
   border-radius: 4px;
 }
 tooltip label {
@@ -48,9 +48,9 @@ tooltip label {
   margin-left: 1px;
   margin-right: 1px;
   margin-bottom: 3px;
-  color: @bs;
+  color: @background;
   background: @yellow;
-  border: 1px solid alpha(@border, 0.5);
+  border: 1px solid alpha(@brightblack, 0.5);
   border-radius: 2px 8px 2px 8px;
   font-size: 14pt;
 }
@@ -63,16 +63,16 @@ tooltip label {
   margin-left: 1px;
   margin-right: 1px;
   margin-bottom: 2px;
-  background-color: alpha(@ral9023,0.3);
+  background-color: alpha(@brightblack,0.3);
   font-size: 13pt;
   background: none;
 }
 
 #workspaces button {
   border-radius: 12px;
-  background: @ral9023;
+  background: @brightblack;
   color: @bt5;
-  border: 0px solid @ral9022;
+  border: 0px solid @brightblack;
   padding-left: 8px;
   padding-right: 8px;
   margin-top: 1px;
@@ -87,10 +87,10 @@ tooltip label {
   border-radius: 12px;
   box-shadow: inherit;
   text-shadow: inherit;
-  color: @bs;
+  color: @background;
   opacity: 0.8;
   background: @cyan;
-  border: 0px solid @ral9022;
+  border: 0px solid @brightblack;
   transition: all 0.3s ease;
 }
 
@@ -98,8 +98,8 @@ tooltip label {
 #workspaces button.active {
   border-radius: 12px;
   background: @cyan;
-  border: 0px solid @ral9022;
-  color: @bs;
+  border: 0px solid @brightblack;
+  color: @background;
   transition: all 0.3s ease;
   animation: colored-gradient 10s ease infinite;
 }
@@ -107,8 +107,8 @@ tooltip label {
 #workspaces button.urgent {
   border-radius: 8px;
   background: @red;
-  border: 0px solid @ral9022;
-  color: @bs;
+  border: 0px solid @brightblack;
+  color: @background;
   transition: all 0.3s ease;
 }
 
@@ -120,9 +120,9 @@ tooltip label {
   margin-left: 1px;
   margin-right: 1px;
   margin-bottom: 2px;
-  color: @cyan;
+  color: @foreground;
   background-color: alpha(@cyan, 0.3);
-  border: 1px solid alpha(@border, 0.5);
+  border: 1px solid alpha(@brightblack, 0.5);
   background: none;
   border: none;
 }
@@ -130,8 +130,8 @@ tooltip label {
 #mpris {
   padding-left: 8px;
   padding-right: 8px;
-  color: @ral9023;
-  background-color: alpha(@ral9023, 0.3);
+  color: @brightblack;
+  background-color: alpha(@brightblack, 0.3);
   background: none;
   border: none;
 }
@@ -139,19 +139,18 @@ tooltip label {
 /* ------------------------------------ modules center ----------------------------- */
 #window {
   border-radius: 0px;
-  color: @ws;
-  background-color: alpha(@ral9023, 0.3);
-  border: 1px solid alpha(@border, 0.5);
+  color: @cyan;
+  background-color: alpha(@brightblack, 0.3);
+  border: 1px solid alpha(@brightblack, 0.5);
   background: none;
   border: none;
 }
 
 window#waybar {
-  border-left: 1px solid @ral9023;
-  border-right: 1px solid @ral9023;
-  border-bottom: 1px solid @ral9023;
-  color: @ws;
-  /*background-color: alpha(@ral9017, 0.75);*/
+  border-left: 1px solid @brightblack;
+  border-right: 1px solid @brightblack;
+  border-bottom: 1px solid @brightblack;
+  /*background-color: alpha(@background, 0.75);*/
   transition-property: background-color;
   transition-duration: 0.5s;
   background-image: url("/home/andy/dotfiles/config/waybar/textures/D_0.65.png");
@@ -164,8 +163,8 @@ window#waybar {
 #tray {
   padding-left: 8px;
   padding-right: 8px;
-  color: @ral9023;
-  background-color: alpha(@ral9023,0.3);
+  color: @brightblack;
+  background-color: alpha(@brightblack,0.3);
   background: none;
   border: none;
 }
@@ -183,8 +182,8 @@ window#waybar {
 
 #mpd#volume {
   padding-left: 0px;
-  color: @ral9017;
-  background: @ral9017;
+  color: @white;
+  background: alpha(@brightblack,0.3);
   padding-right: 4px;
   background: none;
   border: none;
@@ -214,8 +213,8 @@ window#waybar {
 #clock {
   padding-left: 8px;
   padding-right: 12px;
-  color: @ws;
-  background-color: alpha(@ral9023, 0.3);
+  color: @foreground;
+  background-color: alpha(@brightblack, 0.3);
   font-weight: 600;
   font-size: 13pt;
   background: none;
@@ -281,7 +280,7 @@ window#waybar {
 #custom-pipespacer {
     background: none;
     border: none;
-    color: @ws;
+    color: @foreground;
 }
 
 #custom-notification {
@@ -291,9 +290,9 @@ window#waybar {
   margin-left: 1px;
   margin-right: 1px;
   margin-bottom: 3px;
-  color: @bs;
+  color: @background;
   background: @yellow;
-  border: 1px solid alpha(@border, 0.5);
+  border: 1px solid alpha(@brightblack, 0.5);
   border-radius: 8px 2px 8px 2px;
   font-size: 14pt;
 }
-- 
2.51.2