From 29a9dd38193185cfd1ac7736d40cd3ee76bffae4 Mon Sep 17 00:00:00 2001 From: pika Date: Wed, 29 May 2024 01:22:44 +0200 Subject: [PATCH] Some visual changes --- style.css | 56 +++++++++++++------------------------------------------ 1 file changed, 13 insertions(+), 43 deletions(-) diff --git a/style.css b/style.css index fced894..9e223ee 100644 --- a/style.css +++ b/style.css @@ -10,72 +10,46 @@ } /* ------ 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; } @@ -106,12 +80,12 @@ window#waybar { #workspaces button { padding: 0px 2px; margin: 4px 2px; - color: @color2; + color: @color7; font-family: JetBrainsMono Nerd Font; } #workspaces button:hover { - opacity: 0.5; + opacity:0.5; color: @color3; } @@ -185,7 +159,6 @@ window#waybar { padding: 2px 9px; margin: 4px 2px; } - #custom-power { color: @red; background-color: @surface0; @@ -207,15 +180,12 @@ window#waybar { margin: 4px 4px; background-color: @surface0; } - #custom-updates.green { color: @text; } - #custom-updates.yellow { color: @peach; } - #custom-updates.red { color: @red; } @@ -230,5 +200,5 @@ window#waybar { tooltip { background: @base; - border: 1px solid @blue; + border: 1px solid @blue; }