From 6c197cfb233f595d8fe464b232f1d725261a5b4f Mon Sep 17 00:00:00 2001 From: ryukamish Date: Tue, 17 Mar 2026 20:36:12 +0530 Subject: add: waybar for niri with colorscheme --- waybar/style.css | 127 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 127 insertions(+) create mode 100644 waybar/style.css (limited to 'waybar/style.css') diff --git a/waybar/style.css b/waybar/style.css new file mode 100644 index 0000000..cda8a00 --- /dev/null +++ b/waybar/style.css @@ -0,0 +1,127 @@ +@import "colors.css"; + +* { + border: none; + font-family: "MesloLGLDZ Nerd Font Propo, sans-serif"; + font-size: 12px; + font-weight: bold; + min-height: 0; +} + +/* Keyframe animations */ +@keyframes urgent-blink { + 0% { + color: #eb4d4b; + } + + 50% { + color: #ffffff; + } + + 100% { + color: #eb4d4b; + } +} + +window#waybar { + background-color: @background; + color: @foreground; +} + +/* Workspaces */ +#workspaces { + margin-right: 0.75rem; +} + +#workspaces button.active { + color: @color1; +} + +#workspaces button.empty.active { + color: @color2; + /* opacity: 1; */ +} + +/* #workspaces button.empty { */ +/* opacity: 0.2; */ +/* } */ + +/* #workspaces button:not(.empty) { */ +/* opacity: 0.7; */ +/* } */ + +#workspaces button.urgent { + color: #ffffff; + background-color: rgba(255, 0, 0, 0.5); + border-radius: 0; +} + +/* Modules */ +#battery, +#clock { + margin: 0 0.45rem; +} + +#backlight, +#bluetooth, +#cpu, +#temperature, +#memory, +#pulseaudio { + margin: 0 0.45rem; +} + +#tray { + margin-left: 0.25rem; +} + +#bluetooth.connected { + color: @color1; +} + +#battery:not(.charging).warning { + color: #FFA500; +} + +#battery:not(.charging).critical { + color: #FF0000; +} + +#network.disconnected { + color: #FF0000; +} + +/* Groups */ +#audio, +#expand-tray, +#hardware, +#powerofmachine, +#network { + margin: 0 0.55rem; +} + +#power-profiles-daemon.power-saver { + color: rgba(0, 250, 0, 1); +} + +#power-profiles-daemon.performance { + color: rgba(200, 0, 0, 1); +} + +/* Custom modules */ +#custom-screenrecording-indicator { + color: #ff0000; + animation-name: urgent-blink; + animation-duration: 1s; + animation-timing-function: steps(18); + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#custom-uptime { + margin: 0 0.55rem; +} + +#custom-pomodoro { + margin: 0 0.55rem; +} -- cgit v1.3