{ programs.waybar = { enable = true; settings = { mainBar = { layer = "top"; position = "top"; height = 20; output = [ "DVI-D-1" "HDMI-A-1" ]; modules-left = ["niri/workspaces"]; modules-right = ["clock"]; "niri/workspaces" = { disable-scroll = true; }; "clock" = { interval = 1; format = "{:%H:%M:%S}  "; format-alt = "{:%d/%m/%Y %H:%M:%S}"; }; }; }; style = '' /* Rose Pine Color Definitions */ @define-color base #191724; @define-color subtle #908caa; @define-color text #e0def4; @define-color love #eb6f92; @define-color gold #f6c177; /* Global Settings */ * { font-family: 'JetBrainsMono Nerd Font'; font-size: 12px; font-weight: bold; min-height: 0px; } /* Waybar */ window#waybar { background-color: transparent; transition-property: background-color; transition-duration: .5s; } /* Workspaces */ #workspaces { background-color: transparent; border-radius: 8px; border: 1px solid alpha(@text, 0.15); } #workspaces button { padding: 3px; border-radius: 2px; background-color: transparent; color: @text; opacity: 1; } #workspaces button.active { color: @love; opacity: 1; } #workspaces button.empty { color: alpha(@text, 0.4); opacity: 0.45; transition: all 0.15s ease-in-out; } #workspaces button.empty.active { color: @love; } /* Clock */ #clock { background-color: transparent; border-radius: 8px; border: 1px solid alpha(@text, 0.15); color: @gold; min-width: 16px; margin: 1px 3px 1px 3px; padding-left: 6px; padding-right: 6px; } /* Tooltip */ tooltip { opacity: 1; padding: 4px; background-color: @base; border: 1px solid alpha(@text, 0.15); border-radius: 8px; font-size: 12px; } tooltip label { color: @subtle; font-weight: normal; } ''; }; }