Theme updates

waybar/themes/ml4w-bottom/colored/config.sh

@@ -0,0 +1,2 @@
+#!/bin/bash
+theme_name="ML4W Colored Bottom"

waybar/themes/ml4w-bottom/colored/style.css

@@ -0,0 +1,16 @@
+/* -----------------------------------------------------
+ * Import Pywal colors 
+ * ----------------------------------------------------- */
+@import '../../../../../.cache/wal/colors-waybar.css';
+
+@define-color backgroundlight @color5;
+@define-color backgrounddark @color11;
+@define-color workspacesbackground1 @color5;
+@define-color workspacesbackground2 @color11;
+@define-color bordercolor @color11;
+@define-color textcolor1 #FFFFFF;
+@define-color textcolor2 #FFFFFF;
+@define-color textcolor3 #FFFFFF;
+@define-color iconcolor #FFFFFF;
+
+@import '../../ml4w/style.css';

waybar/themes/ml4w-bottom/dark/style.css

@@ -5,6 +5,8 @@
 
 @define-color backgroundlight @color8;
 @define-color backgrounddark #FFFFFF;
+@define-color workspacesbackground1 @color8;
+@define-color workspacesbackground2 #FFFFFF;
 @define-color bordercolor @color8;
 @define-color textcolor1 @color8;
 @define-color textcolor2 #FFFFFF;

waybar/themes/ml4w-bottom/light/style.css

@@ -5,10 +5,12 @@
 
 @define-color backgroundlight #FFFFFF;
 @define-color backgrounddark @color11;
+@define-color workspacesbackground1 #FFFFFF;
+@define-color workspacesbackground2 @color11;
 @define-color bordercolor #FFFFFF;
 @define-color textcolor1 #FFFFFF;
 @define-color textcolor2 @color11;
 @define-color textcolor3 #FFFFFF;
 @define-color iconcolor #FFFFFF;
 
-@import '../../ml4w/style.css';
+@import '../../ml4w/style.css';

waybar/themes/ml4w-bottom/mixed/style.css

@@ -5,6 +5,8 @@
 
 @define-color backgroundlight @color8;
 @define-color backgrounddark #FFFFFF;
+@define-color workspacesbackground1 @color8;
+@define-color workspacesbackground2 #FFFFFF;
 @define-color bordercolor @color8;
 @define-color textcolor1 @color8;
 @define-color textcolor2 #FFFFFF;

waybar/themes/ml4w/colored/config.sh

@@ -0,0 +1,2 @@
+#!/bin/bash
+theme_name="ML4W Colored"

waybar/themes/ml4w/colored/style.css

@@ -0,0 +1,16 @@
+/* -----------------------------------------------------
+ * Import Pywal colors 
+ * ----------------------------------------------------- */
+@import '../../../../../.cache/wal/colors-waybar.css';
+
+@define-color backgroundlight @color5;
+@define-color backgrounddark @color11;
+@define-color workspacesbackground1 @color5;
+@define-color workspacesbackground2 @color11;
+@define-color bordercolor @color11;
+@define-color textcolor1 #FFFFFF;
+@define-color textcolor2 #FFFFFF;
+@define-color textcolor3 #FFFFFF;
+@define-color iconcolor #FFFFFF;
+
+@import '../style.css';

waybar/themes/ml4w/dark/style.css

@@ -5,6 +5,8 @@
 
 @define-color backgroundlight @color8;
 @define-color backgrounddark #FFFFFF;
+@define-color workspacesbackground1 @color8;
+@define-color workspacesbackground2 #FFFFFF;
 @define-color bordercolor @color8;
 @define-color textcolor1 @color8;
 @define-color textcolor2 #FFFFFF;

waybar/themes/ml4w/light/style.css

@@ -5,6 +5,8 @@
 
 @define-color backgroundlight #FFFFFF;
 @define-color backgrounddark @color11;
+@define-color workspacesbackground1 #FFFFFF;
+@define-color workspacesbackground2 @color11;
 @define-color bordercolor #FFFFFF;
 @define-color textcolor1 #FFFFFF;
 @define-color textcolor2 @color11;

waybar/themes/ml4w/mixed/style.css

@@ -5,6 +5,8 @@
 
 @define-color backgroundlight @color8;
 @define-color backgrounddark #FFFFFF;
+@define-color workspacesbackground1 @color8;
+@define-color workspacesbackground2 #FFFFFF;
 @define-color bordercolor @color8;
 @define-color textcolor1 @color8;
 @define-color textcolor2 #FFFFFF;

waybar/themes/ml4w/style.css

@@ -39,7 +39,7 @@ window#waybar {
  * ----------------------------------------------------- */
 
 #workspaces {
-    background: @backgroundlight;
+    background: @workspacesbackground1;
     margin: 2px 1px 3px 1px;
     padding: 0px 1px;
     border-radius: 15px;
@@ -57,14 +57,14 @@ window#waybar {
     border-radius: 15px;
     border: 0px;
     color: @textcolor1;
-    background-color: @backgrounddark;
+    background-color: @workspacesbackground2;
     transition: all 0.3s ease-in-out;
     opacity: 0.4;
 }
 
 #workspaces button.active {
     color: @textcolor1;
-    background: @backgrounddark;
+    background: @workspacesbackground2;
     border-radius: 15px;
     min-width: 40px;
     transition: all 0.3s ease-in-out;
@@ -73,7 +73,7 @@ window#waybar {
 
 #workspaces button:hover {
     color: @textcolor1;
-    background: @backgrounddark;
+    background: @workspacesbackground2;
     border-radius: 15px;
     opacity:0.7;
 }