Some visual changes
This commit is contained in:
parent
f892ee18a0
commit
ebc15fc366
1 changed files with 43 additions and 13 deletions
56
style.css
56
style.css
|
@ -10,46 +10,72 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ------ 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 {
|
||||||
color: @color7;
|
color: @color7;
|
||||||
padding-right: 4px;
|
padding-right: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue