{ services.swaync = { enable = true; settings = { positionX = "right"; positionY = "top"; layer = "overlay"; control-center-layer = "top"; layer-shell = true; cssPriority = "application"; control-center-margin-top = 0; control-center-margin-bottom = 0; control-center-margin-right = 0; control-center-margin-left = 0; notification-2fa-action = true; notification-inline-replies = false; notification-icon-size = 32; notification-body-image-height = 100; notification-body-image-width = 200; widgets = [ "title" "dnd" "buttons-grid" "notifications" "mpris" ]; widget-config = { title = { text = "Control Panel"; clear-all-button = true; button-text = "[clear]"; }; buttons-grid = { buttons-per-row = 3; actions = [ { label = " 󰖩 "; command = "iwgtk"; } { label = " 󰂯 "; command = "wezterm start -- bluetui"; } { label = " 󰍃 "; command = "niri msg action quit"; } { label = " 󰌾 "; command = "swaylock"; } { label = " 󰜉 "; command = "systemctl reboot"; } { label = " 󰐥 "; command = "systemctl poweroff"; } ]; }; dnd = { text = "Do Not Disturb"; clear-all-button = true; }; mpris = { autohide = true; show-album-art = "always"; loop-carousel = false; }; }; }; style = '' @define-color bg #0f0b15; @define-color bg-secondary #1d202f; @define-color fg #ffffff; @define-color fg_alt #bf8a9f; @define-color fg_dim #807c9f; @define-color bg #0f0b15; @define-color bg_secondary #1d202f; @define-color grey #807c9f; @define-color grey_bright #807c9f; @define-color red #f47359; @define-color red_bright #ff6a7a; @define-color red_subtle_bg #67182f; @define-color green #29a444; @define-color green_bright #00a392; @define-color green_subtle_bg #10452f; @define-color yellow #b58a52; @define-color yellow_bright #df9080; @define-color yellow_brighter #FCC1B6; @define-color yellow_subtle_bg #54362a; @define-color blue #3f95f6; @define-color blue_bright #029fff; @define-color blue_subtle_bg #2a346e; @define-color blue_subtle_dark_bg #003045; @define-color magenta #d369af; @define-color magenta_bright #af85ea; @define-color magenta_brighter #c57faf; @define-color magenta_subtle_bg #572454; @define-color magenta_subtle_bg_darker #331531; @define-color cyan #4fbaef; @define-color cyan_bright #35afbf; @define-color cyan_subtle_bg #133d56; @define-color silver #b8c6d5; @define-color silver_bright #ffffff; * { border-radius: 0; } .control-center .notification-row:focus, .control-center .notification-row:hover { opacity: 1; background: @bg; } .notification-row { outline: none; margin: 0; padding: 0; } .notification, .notification-content, .notification-action, .notification-default-action, .inline-reply-entry, .inline-reply-button, .widget-title, .widget-title>button, .widget-dnd, .widget-dnd>switch, .widget-dnd>switch slider, .widget-label>label, .widget-buttons-grid, .widget-buttons-grid>flowbox>flowboxchild>button, .widget-volume, .widget-backlight, .widget-mpris, .widget-mpris>box>button, .widget-mpris-player, .widget-mpris-album-art { border-radius: 5px; } .notification { background: @bg; opacity: 0.9; border: none; padding: 12px; margin: 3px -2px 3px 0; } .close-button { background: @magenta_subtle_bg_darker; color: @magenta_brighter; text-shadow: none; padding: 0; margin-top: 5px; margin-right: 5px; border-radius: 50%; border: none; } .close-button:hover { background: @red_subtle_bg; color: @red_bright; box-shadow: none; } .notification-action { border: 2px solid @cyan_subtle_bg; border-top: none; } .notification-default-action:hover, .notification-action:hover { color: @blue-base; background: @cc-bg; } .inline-reply-entry { background: @noti-bg-darker; color: @text-color; caret-color: @text-color; border: 1px solid @noti-border-color; } .inline-reply-button { margin-top: 4px; margin-left: 4px; background: @noti-bg; border: 1px solid @noti-border-color; color: @text-color; } .inline-reply-button:disabled { background: transparent; color: @text-color-disabled; border: 1px solid transparent; } .inline-reply-button:hover { background: @noti-bg-hover; } .summary { font-size: 16px; font-weight: 700; background: transparent; color: @green-base; text-shadow: none; } .time { font-size: 16px; font-weight: 700; background: transparent; color: @text-color; text-shadow: none; margin-right: 18px; } .body { font-size: 15px; font-weight: 400; background: transparent; color: @text-color; text-shadow: none; } .control-center { background: @bg; } .widget-title { color: @blue-base; background: @noti-bg-darker; padding: 5px 10px; margin: 10px; font-size: 1.5rem; } .widget-title>button { font-size: 1rem; color: @text-color; background: @noti-bg; box-shadow: none; } .widget-title>button:hover { background: @red-base; color: @cc-bg; } .widget-dnd { background: @noti-bg-darker; padding: 5px 10px; margin: 5px 10px; font-size: large; color: @blue-base; } .widget-dnd>switch { background: @blue-base; border-radius: 0; } .widget-dnd>switch:checked { background: @red-base; border: 1px solid @red-base; } .widget-label>label { font-size: 1rem; color: @text-color; margin: 10px; } .widget-buttons-grid { font-size: x-large; padding: 5px; margin: 10px; background: @noti-bg-darker; } .widget-buttons-grid>flowbox>flowboxchild>button { margin: 3px; background: @cc-bg; color: @text-color; transition: background-color 0.15s ease-in-out; } .widget-buttons-grid>flowbox>flowboxchild>button:hover { background: @blue-base; color: @cc-bg; } .widget-buttons-grid>flowbox>flowboxchild>button:checked { background: @green-base; color: @cc-bg; } .widget-volume, .widget-backlight { background: @noti-bg-darker; padding: 5px; margin: 5px 10px; font-size: 2rem; color: @blue-base; } .widget-mpris { color: @text-color; background: @noti-bg-darker; padding: 5px 10px; margin: 5px 10px 5px 10px; box-shadow: none; } .widget-mpris>box>button, .widget-mpris-player, .widget-mpris-album-art { border-radius: 0; box-shadow: none; padding: 5px 10px; margin: 10px 0 0 0; } ''; }; }