diff options
| author | Dylan <boss@tehbox.org> | 2026-10-17 21:53:43 +1300 |
|---|---|---|
| committer | Dylan <boss@tehbox.org> | 2026-10-17 21:53:43 +1300 |
| commit | 280e1bbe5e733128a451260685cc8ecd10a042a3 (patch) | |
| tree | 78bab82353bbfa00f9a781015e246c274a5c983b /modules/home-manager/waybar/config/style.css | |
| parent | bcfc69e424802276cc52fb6e00fb4a42e9c37816 (diff) | |
| download | nixos-configuration-280e1bbe5e733128a451260685cc8ecd10a042a3.tar.gz nixos-configuration-280e1bbe5e733128a451260685cc8ecd10a042a3.zip | |
feat: Dendritic pattern
This re-write was done with the help of claude, and still needs a
decent amount of changes before it properly follows the dendritic
pattern
Diffstat (limited to 'modules/home-manager/waybar/config/style.css')
| -rw-r--r-- | modules/home-manager/waybar/config/style.css | 71 |
1 files changed, 71 insertions, 0 deletions
diff --git a/modules/home-manager/waybar/config/style.css b/modules/home-manager/waybar/config/style.css new file mode 100644 index 0000000..3a9b5b5 --- /dev/null +++ b/modules/home-manager/waybar/config/style.css @@ -0,0 +1,71 @@ +* { + font-family: "Cousine Nerd Font"; + font-size: 13px; +} +window#waybar { + background-color: alpha(#292D3E, 0); +} +.modules-right { + margin-right: 7px; +} +.modules-right > * > * { + padding-left: 10px; + padding-right: 10px; + border-radius: 10px; + margin-left: 5px; + margin-right: 5px; + margin-bottom: 12px; + color: #eeffff; + background-color: #292D3E; +} + +.modules-right > *:nth-child(1) > * { + background-color: shade(alpha(#c792ea, 1), 0.75); +} +.modules-right > *:nth-child(2) > * { + background-color: shade(alpha(#82aaff, 1), 0.75); +} +.modules-right > *:nth-child(3) > * { + background-color: shade(alpha(#c3e88d, 1), 0.75); +} +.modules-right > *:nth-child(4) > * { + background-color: shade(alpha(#89ddff, 1), 0.75); +} +.modules-right > *:nth-child(5) > * { + background-color: shade(alpha(#f78c6c, 1), 0.75); +} +.modules-right > *:nth-child(6) > * { + background-color: shade(alpha(#ffcb6b, 1), 0.75); +} + +#workspaces { + background-color: #292D3E; + border-radius: 10px; + margin-left: 12px; + margin-bottom: 12px; +} + +#workspaces button { + padding-left: 10px; + padding-right: 10px; + border: none; + color: #eeffff; +} +#workspaces button:hover { + box-shadow: none; + text-shadow: none; + background: none; + transition: none; + /*background-color: shade(alpha(#c792ea, 0.8), 0.75); + transition: background-color 0.2s;*/ + color: shade(#c792ea, 0.75); + transition: color 0.2s; +} +.modules-center > * > * { + padding-left: 10px; + padding-right: 10px; + border-radius: 10px; + margin-bottom: 12px; + color: #eeffff; + background-color: #292D3E; +} |