diff options
| author | Yaroslav de la Peña Smirnov <yps@yaroslavps.com> | 2025-05-04 13:24:10 +0300 |
|---|---|---|
| committer | Yaroslav de la Peña Smirnov <yps@yaroslavps.com> | 2025-05-04 13:28:24 +0300 |
| commit | 90b8c5799d2073c36849ff0b4a1e7c32698306ae (patch) | |
| tree | 0b8f30d8c0eeda67fd1e628b7f27cdb13ba752b6 /dotfiles/.config/waybar/style.css | |
| parent | 073210da5463f2e49944b7dbe4fde5faaf2d2fa5 (diff) | |
| download | swayrice-90b8c5799d2073c36849ff0b4a1e7c32698306ae.tar.gz swayrice-90b8c5799d2073c36849ff0b4a1e7c32698306ae.zip | |
waybar: even more style experiments
Adjusted for smaller laptop screen:
* Move modules out of the center; it looks nice when there's enough
screen real estate, not so good it starts to get cramped.
* Style clock a bit so that it stands out among the rest of the modules.
* Experiment with the clock position, still haven't decided where I like
it the most.
I now remembered why I stopped "ricing", too much wasted time...
Diffstat (limited to 'dotfiles/.config/waybar/style.css')
| -rw-r--r-- | dotfiles/.config/waybar/style.css | 14 |
1 files changed, 11 insertions, 3 deletions
diff --git a/dotfiles/.config/waybar/style.css b/dotfiles/.config/waybar/style.css index 09fac8b..b870199 100644 --- a/dotfiles/.config/waybar/style.css +++ b/dotfiles/.config/waybar/style.css @@ -4,7 +4,7 @@ } window#waybar { background: #1e1c1a; - color: #f2eccf; + color: #fcf8e2; min-height: 0; border: 2px solid #33333a; } @@ -14,11 +14,11 @@ window#waybar { #cpu, #mpd, #tray, -#clock, #mpris, #memory, #battery, #network, +#language, #backlight, #workspaces, #temperature, @@ -36,6 +36,14 @@ window#waybar { padding: 0 0.4em; margin: 2px; } +#clock { + font-weight: 500; + color: #d6cda3; + background: #0d0906; + border: 2px inset #1e1e23; + margin: 4px 2px 4px 4px; + padding: 0 0.4em; +} #workspaces { padding: 0; margin: 6px; @@ -45,7 +53,7 @@ window#waybar { padding: 0 0.5em; color: #fcf8e2; border-radius: 0; - border: 1px solid #1e1e23; + border: 2px solid #1e1e23; } #workspaces button.visible, #workspaces button.active { |