1 files changed, 79 insertions, 44 deletions

diff --git a/waybar/style.css b/waybar/style.css
index 5ab5ab669..7ae400123 100644
--- a/waybar/style.css
+++ b/waybar/style.css
@@ -1,18 +1,23 @@
-@import url("/home/indrajith/.cache/wal/colors-waybar.css");
+
+/* @import url("/home/indrajith/.cache/wal/colors-waybar.css"); */
 
 * {
     all: unset;
 	font-family: 'EnvyCodeR Nerd Font';
     transition: background-color .3s ease;
-    color: @foreground
+    
+}
+
+#waybar .horizontal {
+	/* background: rgba(0,0,0,0.6); */
 }
 
 tooltip,
 #tray menu{
-    background: @background;
-    border: 2px solid @color12;
+    background: #000000;
+    border: 2px solid #ebdbb2;
     border-radius: 7.5px;
-    color: @foreground;
+    color: #ebdbb2;
     padding: 5px;
 }
 
@@ -21,8 +26,9 @@ tooltip,
     transition: all .3s ease;
 }
 
-#tray menu *:hover {
-    background: @color1;
+#tray menu *:hover, #tray menu *:focus {
+    background: #ebdbb2;
+    color: #000000;
 }
 
 
@@ -38,6 +44,11 @@ window {
 	background: transparent;
 }
 
+window#waybar.empty #window {
+    background-color:transparent;
+}
+
+
 #custom-sep {
 	color: @color1;
 	font-size: 20px;
@@ -57,27 +68,29 @@ window {
 	padding: 0;
 }
 
+#workspaces>button {
+	font-size: 12.5px;
+	transition: all 0.3s ease;
+	padding: 0 6px;
+	margin: 0;
+	border-radius: 2.5px;
+}
 
-#workspaces>button.empty {
-	color: @color8;
+#workspaces>button.empty.flat {
+	color: #ebdbb2;;
 }
 
 #workspaces>button.urgent {
-	color: @color2;
+	color: #000000;
 }
 
-#workspaces>button.active {
-	color: @foreground;
-	background: #9b59b6;
+#workspaces>button.active.flat {
+	color: #000000;
+	background: #ebdbb2;
 }
 
-#workspaces>button {
-	color: @foreground;
-	font-size: 12.5px;
-	transition: all 0.3s ease;
-	padding: 0 6px;
-	margin: 0;
-	border-radius: 2.5px;
+#workspaces>button.inactive {
+	color:  #ebdbb2;;
 }
 
 #workspaces>button:nth-child(1) {
@@ -123,7 +136,7 @@ window {
 	padding-right: 10px;
 	border-radius: 16px;
 	font-weight: bold;
-	border: 1px solid #e74c3c;
+	/* border: 1px solid #e74c3c; */
 }
 
 #win {
@@ -134,9 +147,13 @@ window {
 }
 
 #window {
-	color: @foreground;
-	padding-left: 5px;
-	padding-right: 5px;
+	margin-left: 10px;
+	margin-right: 10px;
+	border: 2px solid #ebdbb2;
+	border-radius: 16px;
+	padding: 0 10px;
+	color: #ebdbb2;
+	background: #000000;
 }
 
 #window.win2 {
@@ -152,12 +169,12 @@ window {
 
 
 #pulseaudio {
-	background-color: #2ecc71;
+	background-color: #000000;
 	padding: 0 8px;
 	margin: 2px;
-	border-radius: 2px;
-	/* border-radius: 100px 16px 16px 100px; */
-	color: #ffffff;
+	border-radius: 16px;
+	border: 2px solid #ebdbb2;
+	color: #ebdbb2;
 }
 #taskbar button {
 	margin: 5px 0;
@@ -168,11 +185,12 @@ window {
 }
 
 #cpu {
-	background-color: #f1c40f;
+	background-color: #000000;
 	padding: 0 10px;
 	margin: 1px;
-	border-radius: 3.5px;
-	color: #ffffff;
+	border-radius: 16px;
+	border: 2px solid #ebdbb2;
+ 	color: #ebdbb2;
 }
 
 #custom-pacman {
@@ -182,19 +200,33 @@ window {
 	border-radius: 3.5px;
 }
 
-#memory {
-	background-color: #3498db;
-	padding: 0 10px;
-	margin: 1px;
-	border-radius: 3.5px;
-	color: #ffffff;
+/* #memory { */
+/* 	background-color: #000000; */
+/* 	padding: 0 10px; */
+/* 	margin: 1px; */
+/* 	border-radius: 3.5px; */
+/* 	color: #ffffff; */
+/* 	margin-left: 10px; */
+/* 	margin-right: 10px; */
+/* 	border: 2px solid #ebdbb2; */
+/* } */
+#mpd {
 	margin-left: 10px;
 	margin-right: 10px;
+	border: 2px solid #ebdbb2;
+	border-radius: 16px;
+	padding: 0 10px;
+	color: #ebdbb2;
+	background: #000000;
 }
-
 #custom-mem {
 	margin-left: 10px;
-	margin-right: 10px
+	margin-right: 10px;
+	border: 2px solid #ebdbb2;
+	border-radius: 16px;
+	padding: 0 10px;
+	color: #ebdbb2;
+	background: #000000;
 }
 
 #battery {
@@ -218,7 +250,7 @@ window {
 }
 
 #disk {
-	background-color: @color5;
+	background-color: #000000;
 	padding: 0 10px;
 	margin: 1px;
 	border-radius: 16px 100px 100px 16px;
@@ -252,11 +284,13 @@ window {
 }
 
 .modules-left,
-.modules-center{
-	background: @background;
-	border: 2px solid @color12;
+.modules-center
+{
+	background: #000000;
+	border: 2px solid #ebdbb2;
 	border-radius: 100px;
 	padding: 2px 2px;
+	color: #ebdbb2;
 }
 
 /* .modules-right  {
@@ -265,9 +299,10 @@ window {
 
 #custom-exit {
 	padding-right: 10px;
+	color: #e74c3c;
 }
 
 #custom-browser,
 #custom-filemanager {
 	margin-right: 23px;
-}
\ No newline at end of file
+}