diff options
Diffstat (limited to 'home-configuration/managed/waybar/style.nix')
| -rw-r--r-- | home-configuration/managed/waybar/style.nix | 101 |
1 files changed, 101 insertions, 0 deletions
diff --git a/home-configuration/managed/waybar/style.nix b/home-configuration/managed/waybar/style.nix new file mode 100644 index 0000000..83bff23 --- /dev/null +++ b/home-configuration/managed/waybar/style.nix @@ -0,0 +1,101 @@ +{ ... }: +{ + programs.waybar.style = '' + * { + font-family: "Iosevka Nerd Font"; + font-size: 14px; + } + + window#waybar { + background-color: #000000; + margin: 0; + } + + #workspaces { + margin: 8px 0 4px 8px; + } + + #workspaces button { + color: #89b4fa; + background: #16161a; + margin-right: 6px; + border-radius: 12px; + box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); + padding: 4px 12px; + font-weight: bold; + transition: all 0.3s ease; + } + + #workspaces button.active { + color: #09090F; + margin-right: 6px; + border-radius: 12px; + background: linear-gradient(135deg, #cba6f7, #f9e2af, #a6e3a1, #89b4fa); + background-size: 200% 200%; + animation: shift 6s ease infinite; + } + + @keyframes shift { + 0% { background-position: 0% 50%; } + 50% { background-position: 100% 50%; } + 100% { background-position: 0% 50%; } + } + + #window { + color: #d3869b; + margin: 8px 8px 4px 8px; + border-radius: 12px; + box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); + padding: 4px 12px; + font-weight: bold; + } + + #cpu, + #network, + #wireplumber, + #battery { + color: #d3869b; + background: #16161a; + margin: 8px 8px 4px 0; + border-radius: 12px; + box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); + padding: 4px 12px; + font-weight: bold; + } + + #clock { + background: linear-gradient(135deg, #cdd6f4, #f38ba8); + background-size: 200% 200%; + animation: shift 6s ease infinite; + margin: 8px 8px 4px 0; + border-radius: 12px; + padding: 4px 12px; + color: #09090F; + font-weight: bold; + text-shadow: 0 0 5px rgba(0, 0, 0, 0.3); + } + + #taskbar { + background: #16161a; + color: #89b4fa; + margin: 8px 8px 4px 0; + border-radius: 12px; + min-width: 38px; + padding: 3px; + font-weight: bold; + } + + #custom-distro-icon { + background: radial-gradient(circle, rgba(203,166,247,1) 0%, rgba(193,168,247,1) 12%, rgba(249,226,175,1) 19%, rgba(189,169,247,1) 20%, rgba(182,171,247,1) 24%, rgba(198,255,194,1) 36%, rgba(177,172,247,1) 37%, rgba(170,173,248,1) 48%, rgba(255,255,255,1) 52%, rgba(166,174,248,1) 52%, rgba(160,175,248,1) 59%, rgba(148,226,213,1) 66%, rgba(155,176,248,1) 67%, rgba(152,177,248,1) 68%, rgba(205,214,244,1) 77%, rgba(148,178,249,1) 78%, rgba(144,179,250,1) 82%, rgba(180,190,254,1) 83%, rgba(141,179,250,1) 90%, rgba(137,180,250,1) 100%); + background-size: 400% 400%; + color: #09090F; + margin: 8px 4px 4px 8px; + border-radius: 12px; + box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); + padding: 0; + min-width: 34px; + font-size: 18px; + font-weight: bold; + } + ''; +} |
