Fixing CSS style sheet contrasts

 On branch development
 Your branch is up to date with 'origin/development'.

 Changes to be committed:
	modified:   config/waybar/style/[Colored] Translucent.css
	modified:   config/waybar/style/[Wallust] Box type.css

2 files changed, 11 insertions, 9 deletions

diff --git a/config/waybar/style/[Colored] Translucent.css b/config/waybar/style/[Colored] Translucent.css
index 5bb42619..f16fdc78 100644
--- a/config/waybar/style/[Colored] Translucent.css
+++ b/config/waybar/style/[Colored] Translucent.css
@@ -48,7 +48,7 @@ tooltip {
 #taskbar button,
 #workspaces button {
     background-color: transparent;
-    color: #ffffff;
+    color: @fgcolor;
     box-shadow: none;
 	text-shadow: none;
     padding: 4px;
@@ -59,8 +59,8 @@ tooltip {
 
 #taskbar button.active,
 #workspaces button.active {
-    background-color: transparent;
-    color: @accent1;
+    background-color: rgba(0, 0, 0, 0.2);
+    color: @accent2;
     padding-left: 8px;
     padding-right: 8px;
     animation: gradient_f 20s ease-in infinite;
@@ -78,13 +78,14 @@ tooltip {
 }
 
 #workspaces button.focused {
-    background-color: #bbccdd;
-    color: @accent2;
+    background-color: rgba(0, 0, 0, 0.35);
+    color: @accent5;
     /* box-shadow: inset 0 -3px #ffffff; */
 }
 
 #workspaces button.urgent {
     background-color: #eb4d4b;
+    color: #ffffff;
 }
 
 #mode {
diff --git a/config/waybar/style/[Wallust] Box type.css b/config/waybar/style/[Wallust] Box type.css
index 8157810b..a641762e 100644
--- a/config/waybar/style/[Wallust] Box type.css
+++ b/config/waybar/style/[Wallust] Box type.css
@@ -51,8 +51,8 @@ window#waybar.empty #window {
 
 #taskbar button.active,
 #workspaces button.active {
-  color: @color12;
-  background-color: @foreground;
+  color: @foreground;
+  background-color: @color0;
   padding-left: 4px;
   padding-right: 8px;
   animation: gradient_f 20s ease-in infinite;
@@ -61,11 +61,12 @@ window#waybar.empty #window {
 
 #taskbar button.focused,
 #workspaces button.focused {
-  color: @color4;
+  color: @color14;
+  background-color: @color0;
 }
 
 #workspaces button.urgent {
-  color: #11111b;
+  color: #ffffff;
   border-radius: 10px;
 }