nix-config/modules/wm/swaync/default.nix

{
  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 = false;
        };
        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_secondary;
        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: 3px;
        border-radius: 50%;
        border: none;
      }
      
      .close-button:hover {
        cursor: pointer;
        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: @cyan_subtle_bg;
        background: @bg;
      }
      
      .inline-reply-entry {
        background: @bg_secondary;
        color: @fg;
        caret-color: @fg;
        border: 1px solid @cyan_subtle_bg;
      }
      
      .inline-reply-button {
        margin-top: 4px;
        margin-left: 4px;
        background: @bg;
        border: 1px solid @cyan_subtle_bg;
        color: @fg;
      }
      
      .inline-reply-button:disabled {
        background: transparent;
        color: @fg_dim;
        border: 1px solid transparent;
      }
      
      .inline-reply-button:hover {
        background: @bg;
      }
      
      .summary {
        font-size: 16px;
        font-weight: 700;
        background: transparent;
        color: @fg;
        text-shadow: none;
      }
      
      .time {
        font-size: 16px;
        font-weight: 400;
        background: transparent;
        color: @fg_dim;
        text-shadow: none;
        margin-right: 12px;
      }
      
      .body {
        margin-top: 8px;
        font-size: 14px;
        font-weight: 400;
        background: transparent;
        color: @fg_dim;
        text-shadow: none;
      }
      
      .control-center {
        background: @bg;
        padding: 0;
      }
      
      .widget-title {
        margin: 12px;
        font-size: 1.8rem;
      }
      
      .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;
      }
    '';
  };
}