diff --git a/waybar/themes/ml4w-bottom/colored/config.sh b/waybar/themes/ml4w-bottom/colored/config.sh
new file mode 100644
index 0000000..0a31bac
--- /dev/null
+++ b/waybar/themes/ml4w-bottom/colored/config.sh
@@ -0,0 +1,2 @@
+#!/bin/bash
+theme_name="ML4W Colored Bottom"
\ No newline at end of file
diff --git a/waybar/themes/ml4w-bottom/colored/style.css b/waybar/themes/ml4w-bottom/colored/style.css
new file mode 100644
index 0000000..53bf65c
--- /dev/null
+++ b/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';
diff --git a/waybar/themes/ml4w-bottom/dark/style.css b/waybar/themes/ml4w-bottom/dark/style.css
index e7512f1..2179f76 100644
--- a/waybar/themes/ml4w-bottom/dark/style.css
+++ b/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;
diff --git a/waybar/themes/ml4w-bottom/light/style.css b/waybar/themes/ml4w-bottom/light/style.css
index 268ee43..833b8c4 100644
--- a/waybar/themes/ml4w-bottom/light/style.css
+++ b/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';
\ No newline at end of file
diff --git a/waybar/themes/ml4w-bottom/mixed/style.css b/waybar/themes/ml4w-bottom/mixed/style.css
index b209d6d..f3ee832 100644
--- a/waybar/themes/ml4w-bottom/mixed/style.css
+++ b/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;
diff --git a/waybar/themes/ml4w/colored/config.sh b/waybar/themes/ml4w/colored/config.sh
new file mode 100644
index 0000000..25dbee7
--- /dev/null
+++ b/waybar/themes/ml4w/colored/config.sh
@@ -0,0 +1,2 @@
+#!/bin/bash
+theme_name="ML4W Colored"
\ No newline at end of file
diff --git a/waybar/themes/ml4w/colored/style.css b/waybar/themes/ml4w/colored/style.css
new file mode 100644
index 0000000..f9008da
--- /dev/null
+++ b/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';
diff --git a/waybar/themes/ml4w/dark/style.css b/waybar/themes/ml4w/dark/style.css
index cbdaab5..9e0e318 100644
--- a/waybar/themes/ml4w/dark/style.css
+++ b/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;
diff --git a/waybar/themes/ml4w/light/style.css b/waybar/themes/ml4w/light/style.css
index 929a84a..738cd66 100644
--- a/waybar/themes/ml4w/light/style.css
+++ b/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;
diff --git a/waybar/themes/ml4w/mixed/style.css b/waybar/themes/ml4w/mixed/style.css
index 90d9dc5..09032ae 100644
--- a/waybar/themes/ml4w/mixed/style.css
+++ b/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;
diff --git a/waybar/themes/ml4w/style.css b/waybar/themes/ml4w/style.css
index 4fb52be..1f3f591 100644
--- a/waybar/themes/ml4w/style.css
+++ b/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;
 }