Some visual changes

This commit is contained in:
pika 2024-05-29 01:20:26 +02:00
parent f892ee18a0
commit ebc15fc366

View file

@ -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;
}