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:22:44 +02:00
parent ebc15fc366
commit 29a9dd3819
1 changed files with 13 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

52
style.css
View file

@ -10,68 +10,42 @@
} }
/* ------ Set a Uniform Border Radius ------ */ /* ------ Set a Uniform Border Radius ------ */
.modules-left, .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-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, #cpu, #temperature, #memory {
#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 { #cpu { color: @peach; }
color: @peach; #memory { color: @mauve; }
} #temperature { color: @maroon; }
#memory {
color: @mauve;
}
#temperature {
color: @maroon;
}
/* ------ Window Title ------ */ /* ------ Window Title ------ */
#window { #window {
@ -106,12 +80,12 @@ window#waybar {
#workspaces button { #workspaces button {
padding: 0px 2px; padding: 0px 2px;
margin: 4px 2px; margin: 4px 2px;
color: @color2; color: @color7;
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;
} }
@ -185,7 +159,6 @@ 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;
@ -207,15 +180,12 @@ 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;
} }
@ -230,5 +200,5 @@ window#waybar {
tooltip { tooltip {
background: @base; background: @base;
border: 1px solid @blue; border: 1px solid @blue;
} }