dotfiles/waybar
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Some visual changes

Browse source
This commit is contained in:
pika 2024-05-29 01:20:26 +02:00
parent f892ee18a0
commit ebc15fc366
1 changed files with 43 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

52
style.css
View file

@ -10,42 +10,68 @@
} }
/* ------ Set a Uniform Border Radius ------ */ /* ------ 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; border-radius: 6px;
} }
/* ------ Modules Left ------ */ /* ------ Modules Left ------ */
.modules-left { .modules-left {
background-color: @base; background-color: @base;
padding-right: 5px; padding-right: 5px;
padding-left: 5px; padding-left: 5px;
} }
/* ------ Modules Center ------ */ /* ------ Modules Center ------ */
.modules-center { .modules-center {
background-color: @base; background-color: @base;
padding-right: 5px; padding-right: 5px;
padding-left: 5px; padding-left: 5px;
} }
/* ------ Modules Right ------ */ /* ------ Modules Right ------ */
.modules-right { .modules-right {
background-color: @base; background-color: @base;
padding-right: 5px; padding-right: 5px;
padding-left: 5px; padding-left: 5px;
} }
/* ------ Cpu Usage, Temperature, and Memory ------ */ /* ------ Cpu Usage, Temperature, and Memory ------ */
#cpu, #temperature, #memory { #cpu,
#temperature,
#memory {
background-color: @surface0; background-color: @surface0;
padding: 4px 4px; padding: 4px 4px;
margin: 4px 4px; margin: 4px 4px;
font-size: 12px; font-size: 12px;
} }
#cpu { color: @peach; } #cpu {
#memory { color: @mauve; } color: @peach;
#temperature { color: @maroon; } }
#memory {
color: @mauve;
}
#temperature {
color: @maroon;
}
/* ------ Window Title ------ */ /* ------ Window Title ------ */
#window { #window {
@ -80,12 +106,12 @@ window#waybar {
#workspaces button { #workspaces button {
padding: 0px 2px; padding: 0px 2px;
margin: 4px 2px; margin: 4px 2px;
color: @color7; color: @color2;
font-family: JetBrainsMono Nerd Font; font-family: JetBrainsMono Nerd Font;
} }
#workspaces button:hover { #workspaces button:hover {
opacity:0.5; opacity: 0.5;
color: @color3; color: @color3;
} }
@ -159,6 +185,7 @@ window#waybar {
padding: 2px 9px; padding: 2px 9px;
margin: 4px 2px; margin: 4px 2px;
} }
#custom-power { #custom-power {
color: @red; color: @red;
background-color: @surface0; background-color: @surface0;
@ -180,12 +207,15 @@ window#waybar {
margin: 4px 4px; margin: 4px 4px;
background-color: @surface0; background-color: @surface0;
} }
#custom-updates.green { #custom-updates.green {
color: @text; color: @text;
} }
#custom-updates.yellow { #custom-updates.yellow {
color: @peach; color: @peach;
} }
#custom-updates.red { #custom-updates.red {
color: @red; color: @red;
} }
@ -200,5 +230,5 @@ window#waybar {
tooltip { tooltip {
background: @base; background: @base;
border: 1px solid @blue; border: 1px solid @blue;
} }