gensokyo-zone/infrastructure
1
0
Fork 0
mirror of https://github.com/gensokyo-zone/infrastructure.git synced 2026-02-09 12:29:19 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

waybar style rewrite

Browse source
This commit is contained in:
kat witch 2021-08-25 23:01:33 +01:00
parent 4ee3e0081a
commit fd7d254c65
No known key found for this signature in database
GPG key ID: 1B477797DCA5EC72
1 changed files with 50 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

93
config/users/kat/sway/waybar.css.nix
View file

@ -2,8 +2,7 @@
let let
bcolor = color: '' bcolor = color: ''
color: ${color}; background: ${hextorgba color 0.75};
border-color: ${color};
''; '';
in in
'' ''
@ -20,84 +19,93 @@ in
#mode { #mode {
color: ${base16.base06}; color: ${base16.base06};
padding-left: 4px; padding: 0 4px;
padding-right: 4px;
} }
#clock, #memory, #cpu, #temperature, #pulseaudio, #network, #mpd, #backlight, #battery, #custom-weather, #custom-konawall, #custom-gpg-status, #idle_inhibitor { #clock, #memory, #cpu, #temperature, #pulseaudio, #network, #mpd, #backlight, #battery, #custom-weather, #custom-konawall, #custom-gpg-status, #idle_inhibitor, #tray {
margin-left: 8px; padding: 0 8px;
margin-right: 8px;
padding-left: 8px;
padding-right: 8px;
transition: none; transition: none;
border-bottom: 2px solid transparent; color: ${base16.base00};
color: ${base16.base07};
} }
.modules-left, .modules-center, .modules-right { .modules-left, .modules-center, .modules-right {
margin: 2px 8px; margin: 2px 4px;
background: ${hextorgba base16.base00 0.85}; border-radius: 1em;
border-radius: 6px;
} }
.modules-left { .modules-left widget label {
margin: 0 4px;
border-radius: 1em;
}
.modules-left widget:first-child {
margin-left: 0px;
}
.modules-left widget:last-child {
margin-right: 0px;
}
#workspaces, #window, #clock, #tray {
background: ${hextorgba base16.base00 0.75};
}
#workspaces {
padding: 0px;
border-radius: 1em;
}
#window {
padding: 0 8px; padding: 0 8px;
} }
.modules-center, .modules-right { .modules-center widget:first-child label, .modules-right widget:first-child label, #workspaces button:first-child {
padding: 0 4px; border-top-left-radius: 1em;
border-bottom-left-radius: 1em;
} }
tooltip { .modules-center widget:last-child label, .modules-right widget:last-child label, #workspaces button:last-child, #tray {
padding: 2px; border-top-right-radius: 1em;
background: ${hextorgba base16.base00 0.85}; border-bottom-right-radius: 1em;
border-radius: 6px; }
tooltip, #tray menu {
background: ${hextorgba base16.base00 0.75};
border-radius: 1em;
} }
tooltip label { tooltip label {
color: ${base16.base07}; color: ${base16.base07};
} }
#tray {
margin: 0 8px;
}
#window { #window {
color: ${base16.base06}; color: ${base16.base06};
border-bottom: 2px solid transparent;
} }
#workspaces button:first-child { window#waybar.empty #window {
margin-left: 0; opacity: 0;
}
#window {
margin-left: 8px;
}
window#waybar.empty {
margin-left: 0px;
} }
#workspaces button { #workspaces button {
color: ${base16.base06}; color: ${base16.base06};
font-size: 16px;
border-bottom: 2px solid ${base16.base06};
margin: 0 2px;
} }
#workspaces button.focused { #workspaces button.focused {
color: ${base16.base0D}; color: ${base16.base07};
border-bottom: 2px solid ${base16.base0D}; background: ${base16.base0D};
} }
#workspaces button:hover { #workspaces button:hover {
transition: none; transition: none;
box-shadow: inherit; box-shadow: inherit;
text-shadow: inherit; text-shadow: inherit;
background: ${base16.base07}; background: ${base16.base06};
color: ${base16.base0D}; color: ${base16.base0C};
} }
#tray { padding: 0 10px 0 8px }
#clock { color: ${base16.base07} }
#clock.arc { ${bcolor base16.base0B} } #clock.arc { ${bcolor base16.base0B} }
#clock.miku { ${bcolor base16.base0C} } #clock.miku { ${bcolor base16.base0C} }
#clock.hex { ${bcolor base16.base0F} } #clock.hex { ${bcolor base16.base0F} }
@ -116,5 +124,4 @@ in
#backlight { ${bcolor base16.base0D} } #backlight { ${bcolor base16.base0D} }
#cpu { ${bcolor base16.base08} } #cpu { ${bcolor base16.base08} }
#memory { ${bcolor base16.base09} } #memory { ${bcolor base16.base09} }
#clock { ${bcolor base16.base07} }
'' ''