Marty/dotfiles
1
0
Fork 0
Code Issues 3 Pull requests Projects Releases Wiki Activity

waybar: Add styler support

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

0
wayland/.config/waybar/colorscheme.css
View file

44
wayland/.config/waybar/style.css
View file

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