From ebc15fc366bd2d3d307a5b0548cda9c330049ab3 Mon Sep 17 00:00:00 2001
From: pika <alex@team-pieck.de>
Date: Wed, 29 May 2024 01:20:26 +0200
Subject: [PATCH] Some visual changes

---
 style.css | 56 ++++++++++++++++++++++++++++++++++++++++++-------------
 1 file changed, 43 insertions(+), 13 deletions(-)

diff --git a/style.css b/style.css
index 9e223ee..fced894 100644
--- a/style.css
+++ b/style.css
@@ -10,46 +10,72 @@
 }
 
 /* ------ Set a Uniform Border Radius ------ */
-.modules-left, .modules-center, .modules-right, #cpu, #memory, #temperature, #pulseaudio, #backlight, #custom-spotify, #custom-icon, #custom-updates, #network, #battery, #tray, #idle_inhibitor, #custom-power, #custom-notification {
+.modules-left,
+.modules-center,
+.modules-right,
+#cpu,
+#memory,
+#temperature,
+#pulseaudio,
+#backlight,
+#custom-spotify,
+#custom-icon,
+#custom-updates,
+#network,
+#battery,
+#tray,
+#idle_inhibitor,
+#custom-power,
+#custom-notification {
   border-radius: 6px;
 }
 
 /* ------ Modules Left ------ */
 .modules-left {
   background-color: @base;
-    padding-right: 5px;
+  padding-right: 5px;
   padding-left: 5px;
 }
 
 /* ------ Modules Center ------ */
 .modules-center {
   background-color: @base;
-    padding-right: 5px;
+  padding-right: 5px;
   padding-left: 5px;
 }
 
 /* ------ Modules Right ------ */
 .modules-right {
   background-color: @base;
-    padding-right: 5px;
+  padding-right: 5px;
   padding-left: 5px;
 }
 
 /* ------ Cpu Usage, Temperature, and Memory ------ */
-#cpu, #temperature, #memory {
+#cpu,
+#temperature,
+#memory {
   background-color: @surface0;
   padding: 4px 4px;
   margin: 4px 4px;
   font-size: 12px;
 }
 
-#cpu { color: @peach; }
-#memory { color: @mauve; }
-#temperature { color: @maroon; }
+#cpu {
+  color: @peach;
+}
+
+#memory {
+  color: @mauve;
+}
+
+#temperature {
+  color: @maroon;
+}
 
 /* ------ Window Title ------ */
-#window { 
-  color: @color7; 
+#window {
+  color: @color7;
   padding-right: 4px;
 }
 
@@ -80,12 +106,12 @@ window#waybar {
 #workspaces button {
   padding: 0px 2px;
   margin: 4px 2px;
-  color: @color7;
+  color: @color2;
   font-family: JetBrainsMono Nerd Font;
 }
 
 #workspaces button:hover {
-  opacity:0.5;
+  opacity: 0.5;
   color: @color3;
 }
 
@@ -159,6 +185,7 @@ window#waybar {
   padding: 2px 9px;
   margin: 4px 2px;
 }
+
 #custom-power {
   color: @red;
   background-color: @surface0;
@@ -180,12 +207,15 @@ window#waybar {
   margin: 4px 4px;
   background-color: @surface0;
 }
+
 #custom-updates.green {
   color: @text;
 }
+
 #custom-updates.yellow {
   color: @peach;
 }
+
 #custom-updates.red {
   color: @red;
 }
@@ -200,5 +230,5 @@ window#waybar {
 
 tooltip {
   background: @base;
-    border: 1px solid @blue;
+  border: 1px solid @blue;
 }