Update [Wallust] Chroma Tally.css

Added more wallust colors!

1 files changed, 90 insertions, 92 deletions

diff --git a/config/waybar/style/[Wallust] Chroma Tally.css b/config/waybar/style/[Wallust] Chroma Tally.css
index 4013484e..7c9828f2 100644
--- a/config/waybar/style/[Wallust] Chroma Tally.css
+++ b/config/waybar/style/[Wallust] Chroma Tally.css
@@ -4,67 +4,66 @@
 @import '../../.config/waybar/wallust/colors-waybar.css';
 
 * {
-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 */
-font-size: 97%;
-font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
+    font-family: "JetBrainsMono Nerd Font";
+    font-weight: bold;
+    min-height: 0;
+    font-size: 97%;
+    font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
 }
 
 window#waybar {
-    background: rgba (0, 0, 0, 0.5);
+    background: @color0; /* Dark background */
     border-radius: 12px;
-	border-bottom: 2px;
+    border-bottom: 2px;
     border-style: solid;
-	border-color: @color12; 
+    border-color: @color7; /* Light border */
 }
 
 #workspaces {
-	background: transparent;
-	padding: 2px;
-	border-radius: 15px;
-	border: 0px;
-	font-style: normal;
-	color: #0F1419;
+    background: transparent;
+    padding: 2px;
+    border-radius: 15px;
+    border: 0px;
+    font-style: normal;
+    color: @color7; /* Light text */
 }
 
 #taskbar button,
 #workspaces button {
-	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);
+    padding: 0px 5px;
+    border-radius: 15px;
+    border: 0px;
+    color: @color7; /* Light text */
+    background: linear-gradient(45deg, @color5, @color6, @color7); /* Lighter gradient */
+    opacity: 0.5;
+    transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
 }
 
 #taskbar button.active,
 #workspaces button.active {
-	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);
+    padding: 0px 5px;
+    border-radius: 15px;
+    border: 0px;
+    color: @color7; /* Light text */
+    background: linear-gradient(45deg, @color5, @color6); /* Lighter gradient */
+    opacity: 1.0;
+    min-width: 40px;
+    transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
 }
 
 #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);
-
+    border-radius: 15px;
+    color: @color7; /* Light text */
+    background: linear-gradient(45deg, @color6, @color7); /* Lighter gradient */
+    opacity: 0.8;
+    transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
 }
 
 tooltip {
-	background: #1e1e2e;
-	opacity: 0.8;
-	border-radius: 6px;
+    background: @color1; /* Slightly darker tooltip background */
+    opacity: 0.8;
+    border-radius: 6px;
+    color: @color7; /* Light text */
 }
 
 #backlight,
@@ -120,102 +119,98 @@ tooltip {
 #custom-weather.showyIcyDay,
 #custom-weather.snowyIcyNight,
 #custom-weather.sunnyDay {
-	padding-top: 5px;
-	padding-bottom: 5px;
-	padding-right: 6px;
-	padding-left: 6px;
+    padding-top: 5px;
+    padding-bottom: 5px;
+    padding-right: 6px;
+    padding-left: 6px;
+    color: @color6; /* Lighter - changed from color5 */
 }
- 
-/* -----------------------------------------------------------------------------
- * Module styles
- * -------------------------------------------------------------------------- */
 
- 
 #clock {
- color:#a3be8c;
+    color: @color6; /* Lighter */
 }
 
 #backlight {
-    color: #ebcb8b;
+    color: @color5; /* Lighter */
 }
 
 #battery {
-    color: #d8dee9;
+    color: @color6; /* Lighter */
 }
 
 #battery.charging {
-    color: #81a1c1;
+    color: @color7; /* Lightest */
 }
 
 @keyframes blink {
     to {
-        color: #4c566a;
-        background-color: #eceff4;
+        color: @color4; /* Slightly lighter blink color */
+        background-color: @color7; /* Lightest */
     }
 }
 
 #battery.critical:not(.charging) {
-    background: #bf616a;
-    color: #eceff4;
-	animation-name: blink;
-	animation-duration: 3.0s;
-	animation-timing-function: steps(12);
-	animation-iteration-count: infinite;
-	animation-direction: alternate;
+    background: @color5; /* Lighter background */
+    color: @color7; /* Lightest */
+    animation-name: blink;
+    animation-duration: 3.0s;
+    animation-timing-function: steps(12);
+    animation-iteration-count: infinite;
+    animation-direction: alternate;
 }
 
 #cpu {
-    color: #a3be8c;
+    color: @color6; /* Lighter */
 }
 
 #disk {
-	color: #94e2d5;
+    color: @color5; /* Lighter */
 }
 
 #custom-keyboard,
 #memory {
-    color: #d3869b;
+    color: @color6; /* Lighter */
 }
 
 #network.disabled {
-    color:#bf616a;
+    color: @color5; /* Lighter */
 }
 
 #network{
-    color:#a3be8c;
+    color: @color6; /* Lighter */
 }
 
 #network.disconnected {
-    color: #bf616a;
+    color: @color5; /* Lighter */
 }
 
 #pulseaudio {
-    color: #04a5e5;
+    color: @color7; /* Lightest */
 }
 
 #pulseaudio.muted {
-    color: #9ca0b0;
+    color: @color5; /* Lighter */
 }
 
 #custom-light_dark,
 #temperature {
-    color: #7287fd;
+    color: @color6; /* Lighter */
 }
 
 #temperature.critical {
-    color: #bf616a;
+    color: @color5; /* Lighter */
 }
 
 #keyboard-state,
 #custom-hypridle,
 #idle_inhibitor {
-   color: #ebcb8b;
+    color: @color5; /* Lighter */
 }
 
 /*-----Indicators----*/
 #custom-hypridle.notactive,
 #idle_inhibitor.activated {
-	color: #39FF14;
+    color: @color4; /* Slightly lighter */
 }
 
 #tray {
@@ -223,11 +218,12 @@ tooltip {
 
 #custom-swaync,
 #custom-menu {
-	color: yellow;
-	padding-left: 8px;
+    color: @color7; /* Lightest */
+    padding-left: 8px;
 }
+
 #custom-power{
-    color: #eba0ac; 
+    color: @color6; /* Lighter */
 }
 
 #window{
@@ -236,36 +232,38 @@ tooltip {
 
 #custom-lock,    
 #bluetooth{
-	color:#d08770;
+    color: @color5; /* Lighter */
 }
 
 #custom-cava_mviz{
-	color: @color11;
+    color: @color7; /* Lightest */
 } 
-  
+ 
 #custom-weather{
-	color:#d08770;
+    color: @color5; /* Lighter */
 }
 
 #backlight-slider slider,
 #pulseaudio-slider slider {
-	min-width: 0px;
-	min-height: 0px;
-	opacity: 0;
-	background-image: none;
-	border: none;
-	box-shadow: none;
+    min-width: 0px;
+    min-height: 0px;
+    opacity: 0;
+    background-image: none;
+    border: none;
+    box-shadow: none;
 }
 
 #backlight-slider trough,
 #pulseaudio-slider trough {
-	min-width: 80px;
-	min-height: 5px;
-	border-radius: 5px;
+    min-width: 80px;
+    min-height: 5px;
+    border-radius: 5px;
+    background-color: @color2; /* Slightly darker trough */
 }
 
 #backlight-slider highlight,
 #pulseaudio-slider highlight {
-	min-height: 10px;
-	border-radius: 5px;
-}
\ No newline at end of file
+    min-height: 10px;
+    border-radius: 5px;
+    background-color: @color6; /* Lighter highlight */
+}