waybar: Add styler support

Added suport for styler automatic color scheme application.
Corresponding processor16 styler found here:
https://github.com/marty-oehme/baseproc16-default/blob/master/theme_waybar
This commit is contained in:
Marty Oehme 2021-12-06 11:46:51 +01:00
parent 9f1fe95662
commit 0e4556accb
Signed by: Marty
GPG key ID: B7538B8F50A1C800
2 changed files with 21 additions and 23 deletions

View file

@ -1,5 +1,3 @@
/* @import "colorscheme.css"; */
* {
border: none;
border-radius: 0;
@ -8,9 +6,9 @@
window#waybar {
font-size: 15px;
color: #d5c4a1;
background-color: #32302f;
border-bottom: 1px solid #3c3836;
color: @base0F;
background-color: @base00;
border-bottom: 1px solid @base01;
transition-property: background-color;
transition-duration: .5s;
}
@ -23,7 +21,7 @@ window#waybar.hidden {
font-size:17px;
font-weight:900;
background-color: transparent;
color: #665c54;
color: @base03;
margin: 0px;
padding: 0px 5px;
/* Use box-shadow instead of border so the text isn't offset */
@ -36,14 +34,14 @@ window#waybar.hidden {
}
#tags button.occupied {
font-weight: 400;
color: #d5c4a1;
color: @base05;
}
#tags button.focused {
font-weight: 400;
color: #83a598;
color: @base0D;
}
#tags button.urgent {
color: #8ec07c;
color: @base0C;
}
#clock,
@ -65,8 +63,8 @@ window#waybar.hidden {
#custom-media {
padding: 0 10px;
margin: 0 5px;
color: #d5c4a1;
background-color: #3c3836;
color: @base05;
background-color: @base01;
}
/* If workspaces is the leftmost module, omit left margin */
@ -80,24 +78,24 @@ window#waybar.hidden {
}
#battery.charging, #battery.plugged {
background-color: #504945;
background-color: @base02;
}
#battery.warning {
background-color: #fe8019;
color: #32302f;
background-color: @base09;
color: @base00;
}
@keyframes blink {
to {
background-color: #fb4934;
color: #32302f;
background-color: @base08;
color: @base00;
}
}
#battery.critical:not(.charging) {
color: #d5c4a1;
background-color: #32302f;
color: @base05;
background-color: @base00;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
@ -106,12 +104,12 @@ window#waybar.hidden {
}
#cpu.warning {
color: #32302f;
background-color: #fabd2f;
color: @base00;
background-color: @base0A;
}
#cpu.critical {
color: #d5c4a1;
background-color: #fb4934;
color: @base05;
background-color: @base08;
}
#custom-archupdates.empty {
@ -131,7 +129,7 @@ window#waybar.hidden {
}
#temperature.critical {
background-color: #fb4934;
background-color: @base08;
}
#tray > .passive {