From 9c3c8eb04dcf846a54bc451424dfc8800f918f1d Mon Sep 17 00:00:00 2001
From: JaKooLit <jimmielovejay@gmail.com>
Date: Mon, 20 Nov 2023 12:16:04 +0900
Subject: Tweaked waybar styles

---
 config/waybar/style/Golden Noir.css | 38 ++++++++++++++++++++++++++++++++++---
 1 file changed, 35 insertions(+), 3 deletions(-)

(limited to 'config/waybar/style/Golden Noir.css')

diff --git a/config/waybar/style/Golden Noir.css b/config/waybar/style/Golden Noir.css
index 42dfe7b2..01da284b 100644
--- a/config/waybar/style/Golden Noir.css	
+++ b/config/waybar/style/Golden Noir.css	
@@ -46,7 +46,7 @@ tooltip {
     border-width: 2px;
     border-style: solid;
     border-color: #11111b;
-    color: #cba6f7;
+    color: #ffd700;
 }
 
 /*-----module groups----*/
@@ -71,15 +71,30 @@ tooltip {
 }
 
 #workspaces button {
-    padding: 2px;
     color: #6E6A86;
-    margin-right: 5px;
+    box-shadow: none;
+	text-shadow: none;
+    padding: 0px;
+    border-radius: 9px;
+    margin-top: 3px;
+    margin-bottom: 3px;
+    padding-left: 3px;
+    padding-right: 3px;
+    animation: gradient_f 20s ease-in infinite;
+    transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
 }
 
 #workspaces button.active {
     color: #ffd700;
     border-radius: 50%;
     background-color: black;
+    border-radius: 15px 15px 15px 15px;
+    margin-left: 3px;
+    padding-left: 12px;
+    padding-right: 12px;
+    margin-right: 3px;
+    animation: gradient_f 20s ease-in infinite;
+    transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
 }
 
 #workspaces button.focused {
@@ -94,6 +109,10 @@ tooltip {
 #workspaces button:hover {
     color: #ffd700;
     border-radius: 15px;
+ 	padding-left: 3px;
+    padding-right: 3px;
+    animation: gradient_f 20s ease-in infinite;
+    transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
 }
 
 #clock#2 {
@@ -159,6 +178,19 @@ tooltip {
 
 #taskbar button.active {
     background-color: rgb(47, 46, 46);
+    margin-left: 3px;
+    padding-left: 12px;
+    padding-right: 12px;
+    margin-right: 3px;
+    animation: gradient_f 20s ease-in infinite;
+    transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
+}
+
+#taskbar button:hover {
+    padding-left: 3px;
+    padding-right: 3px;
+    animation: gradient_f 20s ease-in infinite;
+    transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
 }
 
 #battery.critical:not(.charging) {
-- 
cgit v1.2.3