small waybar css styles tweaking

3 files changed, 52 insertions, 38 deletions

diff --git a/config/waybar/style/[Dark] Half-Moon.css b/config/waybar/style/[Dark] Half-Moon.css
index 5bb872a0..5ae593bd 100644
--- a/config/waybar/style/[Dark] Half-Moon.css
+++ b/config/waybar/style/[Dark] Half-Moon.css
@@ -235,6 +235,7 @@ color: #F3F4F5;
 	padding: 2px 15px;
 }
 
+#custom-power_vertical,
 #keyboard-state {
 	color: green;
 	background: #0F1419;
diff --git a/config/waybar/style/[Dark] Latte-Wallust combined.css b/config/waybar/style/[Dark] Latte-Wallust combined.css
index ad8d1b7f..65afbb51 100644
--- a/config/waybar/style/[Dark] Latte-Wallust combined.css
+++ b/config/waybar/style/[Dark] Latte-Wallust combined.css
@@ -97,53 +97,66 @@ tooltip {
 	padding-left: 4px;
 }
 
+#taskbar,
 #workspaces {
-    padding: 0px 1px;
-    border-radius: 15px;
-    border:2px solid @border-color;
-    font-weight: bold;
-    font-style: normal;
-    opacity:0.8;
-    color:#FFFFFF;
-}   
+  background: #0F1419;
+  padding: 0px 1px;
+  border-radius: 15px;
+  border: 0px;
+  font-style: normal;
+  color: #0F1419;
+}
+
+#taskbar button,
 #workspaces button {
-    color: #6E6A86;
-    box-shadow: none;
-	text-shadow: none;
-    border-radius: 30px;
-    padding-left: 4px;
-    padding-right: 4px;
-    animation: gradient_f 20s ease-in infinite;
-    transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
+  padding: 0px 5px;
+  border-radius: 15px;
+  border: 0px;
+  color: #0F1419;
+  background: linear-gradient(45deg, #95E6CB, #59C2FF, #D2A6FF);
+  opacity: 0.5;
+  transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
 }
 
+#taskbar button.active,
 #workspaces button.active {
-    color: #ffd700;
-    border-radius: 50%;
-    background-color: black;
-    border-radius: 15px 15px 15px 15px;
-    padding-left: 8px;
-    padding-right: 8px;
-    animation: gradient_f 20s ease-in infinite;
-    transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
+  padding: 0px 5px;
+  border-radius: 15px;
+  border: 0px;
+  color: #0F1419;
+  background: linear-gradient(45deg, #59C2FF, #D2A6FF);
+  opacity: 1.0;
+  min-width: 40px;
+  transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
 }
 
-#workspaces button.focused {
-    color: #d8dee9;
-}
+#workspaces button:hover {
+  border-radius: 15px;
+  color: #0F1419;
+  background: linear-gradient(45deg, #59C2FF, #D2A6FF);
+  opacity: 0.8;
+  transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
 
-#workspaces button.urgent {
-    color: #11111b;
-    border-radius: 10px;
+}
+@keyframes gradient_horizontal {
+0% {
+  background-position: 0% 50%;
+	}
+50% {
+  background-position: 100% 50%;
+	}
+100% {
+  background-position: 0% 50%;
+	}
 }
 
-#workspaces button:hover {
-    color: #ffd700;
-    border-radius: 10px;
- 	padding-left: 2px;
-    padding-right: 2px;
-    animation: gradient_f 20s ease-in infinite;
-    transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
+@keyframes swiping {
+0% {
+  background-position: 0% 200%;
+	}
+100% {
+  background-position: 200% 200%;
+	}
 }
 
 #clock#2 {
diff --git a/config/waybar/style/[Extra] Mauve.css b/config/waybar/style/[Extra] Mauve.css
index 685025fc..448932c2 100644
--- a/config/waybar/style/[Extra] Mauve.css
+++ b/config/waybar/style/[Extra] Mauve.css
@@ -5,7 +5,7 @@
 /* --- 👍 designed by https://github.com/CelestiaKai  👍 --- */
 
 * {
-	font-family: "FiraCode Mono Nerd Font";
+	font-family: "JetBrainsMono Nerd Font";
 	font-weight: bold;
 	min-height: 0;		
 	/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */