Switch back to sway

system/Ronin.nix

@@ -3,6 +3,48 @@
   imports = [ ./laptop.nix ];
   home-manager.users.${username} = {
     imports = [ ./home/work.nix ];
+    wayland.windowManager.sway.config = {
+      output."eDP-1".scale = "1.25";
+      workspaceOutputAssign = [
+        {
+          output = "eDP-1";
+          workspace = "1";
+        }
+      ];
+    };
+    services.kanshi = {
+      enable = true;
+      settings =
+        let
+          laptopScreen = {
+            criteria = "eDP-1";
+            scale = 1.25;
+            position = "2560,576";
+          };
+          monitor = {
+            criteria = "Dell Inc. DELL P3223QE CCG8YN3";
+            scale = 1.5;
+            position = "0,0";
+          };
+        in
+        [
+          {
+            profile = {
+              name = "undocked";
+              outputs = [ laptopScreen ];
+            };
+          }
+          {
+            profile = {
+              name = "docked";
+              outputs = [
+                laptopScreen
+                monitor
+              ];
+            };
+          }
+        ];
+    };
   };
   boot.initrd = {
     secrets = {

system/desktop.nix

@@ -5,10 +5,10 @@
   system.autoUpgrade.operation = "boot";
   hardware.bluetooth.enable = true;
   environment = {
-    plasma6.excludePackages = [ pkgs.kdePackages.plasma-browser-integration ];
     sessionVariables = {
       NIXOS_OZONE_WL = "1";
       QT_QPA_PLATFORM = "wayland";
+      GRIM_DEFAULT_DIR = "$HOME/Pictures/Screenshots";
     };
     systemPackages = with pkgs; [
       libsecret
@@ -33,14 +33,12 @@
     dconf.enable = true;
     noisetorch.enable = true;
     kdeconnect.enable = true;
-    gamescope = {
-      enable = true;
-      capSysNice = true;
-    };
+    sway.enable = true;
     xwayland.enable = true;
   };
   gtk.iconCache.enable = true;
   services = {
+    gnome.gnome-keyring.enable = true;
     flatpak.enable = true;
     printing.enable = true;
     pipewire = {
@@ -51,13 +49,19 @@
         support32Bit = true;
       };
     };
-    displayManager.sddm = {
+    greetd = {
       enable = true;
-      wayland.enable = true;
+      settings =
+        let
+          default_session.command = "sway";
+        in
+        {
+          inherit default_session;
+          initial_session = {
+            inherit (default_session) command;
+            user = username;
+          };
         };
-    desktopManager.plasma6 = {
-      enable = true;
-      enableQt5Integration = true;
     };
     xserver = {
       enable = true;

system/home/avizo/default.nix

@@ -0,0 +1,19 @@
+{ config, accentColourName, ... }:
+{
+  services.avizo = {
+    enable = true;
+    settings.default =
+      let
+        sc = config.scheme;
+        rgba =
+          colourName: "${sc."${colourName}-rgb-r"}, ${sc."${colourName}-rgb-g"}, ${sc."${colourName}-rgb-b"}";
+      in
+      {
+        background = "rgba(${rgba "base00"}, 0.9)";
+        bar-bg-color = "rgba(${rgba "base00"}, 0.9)";
+        bar-fg-color = "rgba(${rgba "base05"}, 1.0)";
+        border-color = "rgba(${rgba accentColourName}, 1.0)";
+        image-opacity = "1.0";
+      };
+  };
+}

system/home/desktop.nix

@@ -1,14 +1,15 @@
 { config, pkgs, ... }:
 {
   imports = [
-    ./plasma/default.nix
+    ./sway/default.nix
+    ./alacritty/default.nix
     ./emacs/default.nix
     ./browser/default.nix
     ./services/email/default.nix
   ];
   home = {
     packages = with pkgs; [
-      libreoffice-qt-fresh
+      libreoffice-fresh
       webcord
       signal-desktop
       teams-for-linux

system/home/emacs/default.nix

@@ -49,6 +49,7 @@
         custom-theme-hash = builtins.hashFile "sha256" "${custom-theme}/${custom-theme-name}-theme.el";
       in
       ''
+        (add-to-list 'default-frame-alist '(alpha-background . 85))
         (add-to-list 'custom-theme-load-path "${custom-theme}")
         (add-to-list 'custom-safe-themes "${custom-theme-hash}")
         (load-theme '${custom-theme-name})
@@ -86,6 +87,7 @@
         ulem
         hyperref
         capt-of
+        listings
         ;
     })
 

system/home/foot/default.nix

@@ -0,0 +1,48 @@
+{ config, fonts, ... }:
+{
+  programs.foot = {
+    enable = true;
+    server.enable = true;
+    settings = {
+      main = {
+        term = "xterm-256color";
+        locked-title = false;
+        font = "${fonts.monospace.name}:size=${toString fonts.sizes.applications}";
+        dpi-aware = false;
+        pad = "10x10";
+      };
+      bell = {
+        urgent = false;
+        notify = false;
+        visual = false;
+      };
+      cursor = {
+        blink = true;
+      };
+      mouse = {
+        hide-when-typing = true;
+      };
+      colors = with config.scheme; rec {
+        alpha = 0.85;
+        background = base00;
+        foreground = base05;
+        regular0 = base02;
+        regular1 = red;
+        regular2 = green;
+        regular3 = yellow;
+        regular4 = blue;
+        regular5 = magenta;
+        regular6 = cyan;
+        regular7 = base05;
+        bright0 = base04;
+        bright1 = regular1;
+        bright2 = regular2;
+        bright3 = regular3;
+        bright4 = regular4;
+        bright5 = regular5;
+        bright6 = regular6;
+        bright7 = base05;
+      };
+    };
+  };
+}

system/home/fuzzel/default.nix

@@ -0,0 +1,47 @@
+{
+  config,
+  pkgs,
+  fonts,
+  accentColourName,
+  ...
+}:
+{
+  programs.fuzzel = {
+    enable = true;
+    settings = {
+      main = {
+        dpi-aware = false;
+        font = "${fonts.monospace.name}:size=${toString fonts.sizes.popups}";
+        icon-theme = config.gtk.iconTheme.name;
+        icons-enabled = true;
+        fields = "filename,name,generic,categories";
+        fuzzy = true;
+        filter-desktop = true;
+        terminal =
+          with config.programs;
+          "${if alacritty.enable then alacritty.package else pkgs.alacritty}/bin/alacritty -e";
+        lines = 24;
+        width = 80;
+        tabs = 4;
+        layer = "overlay";
+      };
+      colors =
+        let
+          sc = config.scheme;
+        in
+        {
+          background = "${sc.base00}cc"; # 80% Opacity
+          text = "${sc.base05}ff";
+          match = "${sc.red}ff";
+          selection = "${sc.base01}ff";
+          selection-text = "${sc.base05}ff";
+          selection-match = "${sc.red}ff";
+          border = "${sc.${accentColourName}}ff";
+        };
+      border = {
+        width = 1;
+        radius = 5;
+      };
+    };
+  };
+}

system/home/mako/default.nix

@@ -0,0 +1,29 @@
+{
+  config,
+  fonts,
+  accentColourName,
+  ...
+}:
+{
+  services.mako =
+    let
+      sc = config.scheme.withHashtag;
+    in
+    {
+      enable = true;
+      anchor = "top-right";
+      font = "${fonts.monospace.name} ${toString fonts.sizes.popups}";
+      layer = "top";
+      markup = true;
+      maxVisible = 10;
+      icons = true;
+      iconPath = with config.gtk.iconTheme; "${package}/share/icons/${name}";
+      textColor = "${sc.base05}ff";
+      progressColor = "over ${sc.red}ff";
+      backgroundColor = "${sc.base00}cc";
+      borderColor = "${sc.${accentColourName}}ff";
+      borderRadius = 5;
+      borderSize = 1;
+      defaultTimeout = 0;
+    };
+}

system/home/plasma/default.nix

@@ -35,7 +35,7 @@
           inherit (config.home.pointerCursor) size;
           theme = config.home.pointerCursor.name;
         };
-        wallpaper = "${./wallpapers/landscapes/tropic_island_day.jpg}";
+        wallpaper = "${../wallpapers/landscapes/tropic_island_day.jpg}";
       };
 
     fonts =

system/home/rofi/default.nix

@@ -0,0 +1,144 @@
+{
+  config,
+  pkgs,
+  fonts,
+  accentColourName,
+  ...
+}:
+{
+  programs.rofi = {
+    enable = true;
+    package = pkgs.rofi-wayland;
+    terminal =
+      with config.programs;
+      "${if alacritty.enable then alacritty.package else pkgs.alacritty}/bin/alacritty";
+    font = fonts.monospace.name;
+    location = "center";
+    plugins = with pkgs; [ rofi-emoji ];
+    extraConfig = {
+      modi = "run,drun,ssh,window,emoji,combi";
+      combi-modi = "drun,ssh,window,emoji";
+      sidebar-mode = true;
+      sort = true;
+      sorting-method = "fzf";
+      matching = "fuzzy";
+      icon-theme = config.gtk.iconTheme.name;
+      show-icons = true;
+      application-fallback-icon = "application-x-addon";
+      drun-display-format = "{icon} {name} ({categories})";
+      disable-history = false;
+      hide-scrollbar = true;
+      display-run = " 󰅴  Run ";
+      display-drun = " 󱓞  Apps ";
+      display-ssh = " 󰢹  SSH ";
+      display-window = " 󰧨  Move ";
+      display-emoji = " 󰞅  Emoji ";
+      display-combi = " 󰛡  Combi ";
+    };
+    theme =
+      with builtins;
+      let
+        inherit (config.lib.formats.rasi) mkLiteral;
+        sc = config.scheme;
+        bg = mkLiteral "rgba (${sc.base00-rgb-r}, ${sc.base00-rgb-g}, ${sc.base00-rgb-b}, 80%)";
+        bg2 = mkLiteral "rgba (${sc.base01-rgb-r}, ${sc.base01-rgb-g}, ${sc.base01-rgb-b}, 100%)";
+        fg = mkLiteral sc.withHashtag.base05;
+        fg2 = mkLiteral sc.withHashtag.base04;
+        border = mkLiteral sc.withHashtag.${accentColour};
+        blue = mkLiteral sc.withHashtag.blue;
+      in
+      {
+        "*" = {
+          background-color = mkLiteral "transparent";
+          text-color = fg;
+          font = with fonts; "${monospace.name} ${toString sizes.popups}";
+        };
+
+        window = {
+          height = mkLiteral "75%";
+          width = mkLiteral "75%";
+          border = mkLiteral "1px";
+          border-color = border;
+          border-radius = mkLiteral "5px";
+          background-color = bg;
+        };
+
+        inputbar = {
+          children = map mkLiteral [
+            "prompt"
+            "entry"
+          ];
+          padding = mkLiteral "2px";
+        };
+
+        prompt = {
+          background-color = bg2;
+          padding = mkLiteral "6px";
+          text-color = blue;
+          border-radius = mkLiteral "5px";
+          margin = mkLiteral "20px 0px 0px 20px";
+        };
+
+        textbox-prompt-colon = {
+          expand = false;
+          str = "=";
+        };
+
+        entry = {
+          padding = mkLiteral "6px";
+          margin = mkLiteral "20px 0px 0px 10px";
+        };
+
+        listview = {
+          border = mkLiteral "0px 0px 0px";
+          padding = mkLiteral "6px 0px 0px";
+          margin = mkLiteral "10px 0px 0px 20px";
+          columns = 2;
+          lines = 5;
+        };
+
+        element = {
+          padding = mkLiteral "5px";
+        };
+
+        "element-icon" = {
+          size = mkLiteral "25px";
+        };
+
+        "element selected" = {
+          background-color = bg2;
+          text-color = blue;
+          border-radius = mkLiteral "5px";
+        };
+
+        mode-switcher = {
+          spacing = 0;
+        };
+
+        button = {
+          padding = mkLiteral "10px";
+          text-color = fg2;
+          border-radius = mkLiteral "5px";
+          vertical-align = mkLiteral "0.5";
+          horizontal-align = mkLiteral "0.5";
+        };
+
+        "button selected" = {
+          background-color = bg2;
+          text-color = blue;
+        };
+
+        message = {
+          margin = mkLiteral "2px";
+          padding = mkLiteral "2px";
+          border-radius = mkLiteral "5px";
+        };
+
+        textbox = {
+          padding = mkLiteral "6px";
+          margin = mkLiteral "20px 0px 0px 20px";
+          text-color = blue;
+        };
+      };
+  };
+}

system/home/sway/default.nix

@@ -0,0 +1,278 @@
+{
+  config,
+  lib,
+  pkgs,
+  fonts,
+  accentColourName,
+  ...
+}:
+let
+  set-background = pkgs.writeShellScriptBin "set-background" ''
+    ${pkgs.swaybg}/bin/swaybg -m fill -i ${../wallpapers/landscapes/tropic_island_day.jpg}
+  '';
+in
+{
+  imports = [
+    ../avizo/default.nix
+    ../fuzzel/default.nix
+    ../swaylock/default.nix
+    ../swayidle/default.nix
+    ../swaync/default.nix
+    ../waybar/default.nix
+    ../wlogout/default.nix
+  ];
+  home.packages = with pkgs; [
+    pinentry-gnome3
+    gnome.seahorse
+    ffmpeg
+    evince
+    grim
+    slurp
+    wl-clipboard
+    swayimg
+    swaybg
+    (writeShellScriptBin "protonmail-setup-bridge" ''
+      pkill -9 -f protonmail-bridge
+      ${protonmail-bridge}/bin/protonmail-bridge -c
+      swaymsg exec "${protonmail-bridge}/bin/protonmail-bridge -n"
+    '')
+  ];
+  programs = {
+    waybar.systemd.target = "sway-session.target";
+    alacritty.settings.window = {
+      decorations = "none";
+      opacity = 0.85;
+    };
+  };
+  services = {
+    kanshi.systemdTarget = "sway-session.target";
+    gpg-agent.pinentryPackage = pkgs.pinentry-gnome3;
+    avizo.enable = true;
+    kdeconnect = {
+      enable = true;
+      indicator = true;
+    };
+    udiskie = {
+      enable = true;
+      notify = true;
+      automount = true;
+      tray = "never";
+    };
+  };
+  gtk =
+    let
+      toCapital = import ../lib/to_capital.nix lib;
+    in
+    {
+      enable = true;
+      theme = {
+        package = pkgs.materia-theme;
+        name = "Materia-${config.scheme.variant}";
+      };
+      iconTheme = {
+        package = pkgs.papirus-icon-theme.override { color = "violet"; };
+        name = "Papirus-${toCapital config.scheme.variant}";
+      };
+    };
+  wayland.windowManager.sway = {
+    enable = true;
+    package = pkgs.swayfx.overrideAttrs (old: {
+      passthru.providedSessions = [ "sway" ];
+    });
+    swaynag.enable = true;
+    systemd.enable = true;
+    xwayland = true;
+    checkConfig = false;
+    config = {
+      input = {
+        "*" = {
+          xkb_layout = "gb";
+          xkb_options = "ctrl:nocaps";
+        };
+        "type:touchpad" = {
+          tap = "enabled";
+          natural_scroll = "enabled";
+        };
+      };
+      seat = {
+        "seat0" = {
+          xcursor_theme = "${config.gtk.cursorTheme.name} ${toString config.gtk.cursorTheme.size}";
+        };
+      };
+      modifier = "Mod4";
+      terminal = "${config.programs.alacritty.package}/bin/alacritty";
+      menu = "${config.programs.fuzzel.package}/bin/fuzzel";
+      workspaceAutoBackAndForth = true;
+      bars = [ ];
+      gaps = {
+        inner = 5;
+        outer = 0;
+      };
+      fonts = {
+        names = [ fonts.monospace.name ];
+        style = "regular";
+        size = fonts.sizes.desktop * 1.0;
+      };
+      colors =
+        let
+          sc = config.scheme.withHashtag;
+          text = toString sc.base05;
+          indicator = toString sc.${accentColourName};
+          background = toString sc.base00;
+        in
+        {
+          inherit background;
+          focused =
+            let
+              border = toString sc.${accentColourName};
+            in
+            {
+              inherit
+                background
+                text
+                indicator
+                border
+                ;
+              childBorder = border;
+            };
+          focusedInactive =
+            let
+              border = toString sc.base04;
+            in
+            {
+              inherit
+                background
+                text
+                indicator
+                border
+                ;
+              childBorder = border;
+            };
+          unfocused =
+            let
+              border = toString sc.base03;
+            in
+            {
+              inherit
+                background
+                text
+                indicator
+                border
+                ;
+              childBorder = border;
+            };
+          urgent =
+            let
+              border = toString sc.red;
+            in
+            {
+              inherit
+                background
+                text
+                indicator
+                border
+                ;
+              childBorder = border;
+            };
+        };
+      startup = [
+        { command = "${pkgs.libsForQt5.polkit-kde-agent}/libexec/polkit-kde-authentication-agent-1"; }
+        { command = "${pkgs.dex}/bin/dex -a"; }
+        { command = "${set-background}/bin/set-background"; }
+      ];
+      window = {
+        border = 1;
+        titlebar = false;
+        commands = [
+          {
+            criteria.window_role = "(?:pop-up|bubble|dialog)";
+            command = "floating enable";
+          }
+          {
+            criteria.app_id = "(?:org\.kde\.polkit-kde-authentication-agent-1|Pinentry|pavucontrol|\.blueman-manager-wrapped|nm-connection-editor)";
+            command = "floating enable";
+          }
+          {
+            criteria.class = "(?:[Mm]atplotlib|.*\.py|Idl)";
+            command = "floating enable";
+          }
+          {
+            # Catch-all for file dialog windows
+            criteria.title = "(?:Open|Save) (?:File|Folder|As)";
+            command = "floating enable, resize set width 1030 height 710";
+          }
+          {
+            # Inhibit idle when watching vidoes
+            criteria.app_id = "(?:firefox|mpv)";
+            command = "inhibit_idle fullscreen";
+          }
+          {
+            # Window rules for game sessions.
+            # Note: controllers don't reset idle timer
+            criteria.class = "(?:steam_app|Minecraft).*";
+            command = "floating enable, fullscreen enable, inhibit_idle focus";
+          }
+        ];
+      };
+      floating.border = 1;
+      keybindings =
+        let
+          modifier = config.wayland.windowManager.sway.config.modifier;
+        in
+        lib.mkOptionDefault {
+          # Movement
+          "${modifier}+comma" = "workspace prev";
+          "${modifier}+period" = "workspace next";
+          "${modifier}+shift+comma" = "move workspace prev";
+          "${modifier}+shift+period" = "move workspace next";
+          "${modifier}+bracketleft" = "move workspace to output left";
+          "${modifier}+bracketright" = "move workspace to output right";
+
+          # Function keys
+          ## Sound
+          "XF86AudioMute" = "exec ${config.services.avizo.package}/bin/volumectl %";
+          "XF86AudioMicMute" = "exec ${config.services.avizo.package}/bin/volumectl -m %";
+          "XF86AudioRaiseVolume" = "exec ${config.services.avizo.package}/bin/volumectl -u + 5";
+          "XF86AudioLowerVolume" = "exec ${config.services.avizo.package}/bin/volumectl -u - 5";
+
+          ## Playback
+          "XF86AudioPlay" = "exec ${pkgs.playerctl}/bin/playerctl play-pause";
+          "XF86AudioStop" = "exec ${pkgs.playerctl}/bin/playerctl play-pause";
+          "XF86AudioPrev" = "exec ${pkgs.playerctl}/bin/playerctl previous";
+          "XF86AudioNext" = "exec ${pkgs.playerctl}/bin/playerctl next";
+
+          ## Brightness
+          "XF86MonBrightnessUp" = "exec ${config.services.avizo.package}/bin/lightctl + 5";
+          "XF86MonBrightnessDown" = "exec ${config.services.avizo.package}/bin/lightctl - 5";
+
+          # System utilities
+          "Mod4+Mod1+l" = "exec swaylockfx";
+          "${modifier}+z" = "exec ${pkgs.swaynotificationcenter}/bin/swaync-client -t -sw";
+          "${modifier}+Shift+z" = "exec ${pkgs.swaynotificationcenter}/bin/swaync-client -d -sw";
+          "${modifier}+Shift+p" = "exec ${config.programs.wlogout.package}/bin/wlogout";
+          "${modifier}+Shift+Return" = "exec ${config.programs.emacs.finalPackage}/bin/emacsclient -c";
+        };
+    };
+    extraConfig = ''
+      bindgesture swipe:right workspace prev
+      bindgesture swipe:left workspace next
+      corner_radius 5
+      blur enable
+      blur_xray disable
+      blur_passes 3
+      blur_radius 5
+      shadows enable
+      shadow_blur_radius 5
+      layer_effects "system-menu" blur enable; blur_ignore_transparent enable; shadows enable
+      layer_effects "gtk-layer-shell" blur enable; blur_ignore_transparent enable; shadows enable
+      layer_effects "notifications" blur enable; blur_ignore_transparent enable; shadows enable
+      layer_effects "launcher" blur enable; blur_ignore_transparent enable; shadows enable
+      layer_effects "logout_dialog" blur enable; blur_ignore_transparent enable; shadows enable
+      layer_effects "waybar" blur enable; blur_ignore_transparent enable; shadows enable
+      layer_effects "avizo" blur enable; blur_ignore_transparent enable; shadows enable
+      layer_effects "swaync-notification-window" blur enable; blur_ignore_transparent enable; shadows enable
+      layer_effects "swaync-control-center" blur enable; blur_ignore_transparent enable; shadows enable
+      titlebar_separator enable
+    '';
+  };
+}

system/home/swayidle/default.nix

@@ -0,0 +1,19 @@
+{ config, pkgs, ... }:
+{
+  imports = [ ../swaylock/default.nix ];
+  services.swayidle =
+    let
+      swaylockfx = pkgs.callPackage ../swaylock/swaylockfx.nix {
+        swaylock-effects = config.programs.swaylock.package;
+      };
+    in
+    {
+      enable = true;
+      timeouts = [
+        {
+          timeout = 60 * 15; # 15 minutes
+          command = "${swaylockfx}/bin/swaylockfx";
+        }
+      ];
+    };
+}

system/home/swaylock/default.nix

@@ -0,0 +1,50 @@
+{
+  config,
+  pkgs,
+  accentColourName,
+  ...
+}:
+{
+  home.packages = with pkgs; [
+    (callPackage ./swaylockfx.nix { swaylock-effects = config.programs.swaylock.package; })
+  ];
+  programs.swaylock = {
+    enable = true;
+    package = pkgs.swaylock-effects;
+    # Settings are specifically for swaylock-effects
+    settings =
+      let
+        sc = config.scheme;
+      in
+      {
+        indicator-radius = 100;
+        indicator-thickness = 10;
+        indicator-caps-lock = true;
+        ignore-empty-password = true;
+        show-failed-attempts = true;
+        effect-blur = "5x3";
+        effect-vignette = "0.5:0.5";
+        grace = 2;
+        fade-in = 0.2;
+        bs-hl-color = sc.base06;
+        caps-lock-bs-hl-color = sc.base06;
+        caps-lock-key-hl-color = sc.green;
+        inside-color = "${sc.base00}cc";
+        key-hl-color = sc.green;
+        layout-bg-color = "${sc.base00}cc";
+        layout-border-color = sc.${accentColourName};
+        layout-text-color = sc.base05;
+        ring-color = sc.${accentColourName};
+        ring-clear-color = sc.base06;
+        ring-caps-lock-color = sc.base09;
+        ring-ver-color = sc.blue;
+        ring-wrong-color = sc.red;
+        separator-color = sc.base01;
+        text-color = sc.base05;
+        text-clear-color = sc.base06;
+        text-caps-lock-color = sc.base09;
+        text-ver-color = sc.blue;
+        text-wrong-color = sc.red;
+      };
+  };
+}

system/home/swaylock/swaylockfx.nix

@@ -0,0 +1,2 @@
+{ writeShellScriptBin, swaylock-effects, ... }:
+writeShellScriptBin "swaylockfx" "${swaylock-effects}/bin/swaylock --screenshots --clock --indicator --grace-no-mouse"

system/home/swaync/default.nix

@@ -0,0 +1,363 @@
+{
+  config,
+  pkgs,
+  fonts,
+  accentColourName,
+  ...
+}:
+{
+  home.packages = [ pkgs.swaynotificationcenter ];
+  xdg.configFile."swaync/style.css".text =
+    let
+      sc = config.scheme.withHashtag;
+      alpha = "0.85";
+      alpha-background = "rgba(${config.scheme.base00-rgb-r}, ${config.scheme.base00-rgb-g}, ${config.scheme.base00-rgb-b}, ${alpha})";
+    in
+    ''
+      * {
+        all: unset;
+        font-size: 1.2rem;
+        font-family: "${fonts.monospace.name}";
+        transition: 200ms;
+        box-shadow: none;
+      }
+
+      .floating-notifications.background .notification-row .notification-background {
+        border-radius: 5px;
+        border: 1px solid ${sc.${accentColourName}};
+        margin: 18px;
+        background-color: ${alpha-background};
+        color: ${sc.base05};
+        padding: 0;
+      }
+
+      .floating-notifications.background
+        .notification-row
+        .notification-background
+        .notification {
+        padding: 7px;
+        border-radius: 5px;
+      }
+
+      .floating-notifications.background
+        .notification-row
+        .notification-background
+        .notification
+        .notification-content {
+        margin: 7px;
+      }
+
+      .floating-notifications.background
+        .notification-row
+        .notification-background
+        .notification
+        .notification-content
+        .summary {
+        color: ${sc.base05};
+      }
+
+      .floating-notifications.background
+        .notification-row
+        .notification-background
+        .notification
+        .notification-content
+        .time {
+        color: ${sc.base04};
+      }
+
+      .floating-notifications.background
+        .notification-row
+        .notification-background
+        .notification
+        .notification-content
+        .body {
+        color: ${sc.base05};
+      }
+
+      .floating-notifications.background
+        .notification-row
+        .notification-background
+        .notification
+        > *:last-child
+        > * {
+        min-height: 3.4em;
+      }
+
+      .floating-notifications.background
+        .notification-row
+        .notification-background
+        .notification
+        > *:last-child
+        > *
+        .notification-action {
+        border-radius: 5px;
+        background-color: ${sc.base01};
+        color: ${sc.base05};
+        margin: 7px;
+      }
+
+      .floating-notifications.background
+        .notification-row
+        .notification-background
+        .notification
+        > *:last-child
+        > *
+        .notification-action:hover {
+        background-color: ${sc.base01};
+        color: ${sc.base05};
+      }
+
+      .floating-notifications.background
+        .notification-row
+        .notification-background
+        .notification
+        > *:last-child
+        > *
+        .notification-action:active {
+        background-color: ${sc.blue};
+        color: ${sc.base00};
+      }
+
+      .floating-notifications.background
+        .notification-row
+        .notification-background
+        .close-button {
+        margin: 7px;
+        padding: 2px;
+        border-radius: 5px;
+        background-color: ${sc.red};
+        color: ${sc.base00};
+      }
+
+      .floating-notifications.background
+        .notification-row
+        .notification-background
+        .close-button:hover {
+        background-color: ${sc.red};
+        color: ${sc.base00};
+      }
+
+      .floating-notifications.background
+        .notification-row
+        .notification-background
+        .close-button:active {
+        background-color: ${sc.red};
+        color: ${sc.base00};
+      }
+
+      .control-center {
+        border-radius: 5px;
+        border: 1px solid ${sc.${accentColourName}};
+        margin: 18px;
+        background-color: ${alpha-background};
+        color: ${sc.base05};
+        padding: 14px;
+      }
+
+      .control-center .widget-title {
+        color: ${sc.base05};
+        font-size: 1.3em;
+      }
+
+      .control-center .widget-title button {
+        border-radius: 7px;
+        background-color: ${sc.base01};
+        color: ${sc.base05};
+        padding: 8px;
+      }
+
+      .control-center .widget-title button:hover {
+        background-color: ${sc.base02};
+        color: ${sc.base05};
+      }
+
+      .control-center .widget-title button:active {
+        background-color: ${sc.base03};
+        color: ${sc.base05};
+      }
+
+      .control-center .notification-row .notification-background {
+        border-radius: 5px;
+        background-color: ${sc.base01};
+        color: ${sc.base05};
+        margin-top: 14px;
+      }
+
+      .control-center .notification-row .notification-background .notification {
+        padding: 7px;
+        border-radius: 7px;
+      }
+
+      .control-center
+        .notification-row
+        .notification-background
+        .notification
+        .notification-content {
+        margin: 7px;
+      }
+
+      .control-center
+        .notification-row
+        .notification-background
+        .notification
+        .notification-content
+        .summary {
+        color: ${sc.base05};
+      }
+
+      .control-center
+        .notification-row
+        .notification-background
+        .notification
+        .notification-content
+        .time {
+        color: ${sc.base04};
+      }
+
+      .control-center
+        .notification-row
+        .notification-background
+        .notification
+        .notification-content
+        .body {
+        color: ${sc.base05};
+      }
+
+      .control-center
+        .notification-row
+        .notification-background
+        .notification
+        > *:last-child
+        > * {
+        min-height: 3.4em;
+      }
+
+      .control-center
+        .notification-row
+        .notification-background
+        .notification
+        > *:last-child
+        > *
+        .notification-action {
+        border-radius: 7px;
+        background-color: ${sc.base00};
+        color: ${sc.base05};
+        margin: 7px;
+      }
+
+      .control-center
+        .notification-row
+        .notification-background
+        .notification
+        > *:last-child
+        > *
+        .notification-action:hover {
+        background-color: ${sc.base01};;
+        color: ${sc.base05};
+      }
+
+      .control-center
+        .notification-row
+        .notification-background
+        .notification
+        > *:last-child
+        > *
+        .notification-action:active {
+        background-color: ${sc.blue};
+        color: ${sc.base05};
+      }
+
+      .control-center .notification-row .notification-background .close-button {
+        margin: 7px;
+        padding: 2px;
+        border-radius: 6.3px;
+        background-color: ${sc.red};
+        color: ${sc.base00};
+      }
+
+      .control-center .notification-row .notification-background .close-button:hover {
+        background-color: ${sc.red};
+        color: ${sc.base00};
+      }
+
+      .control-center
+        .notification-row
+        .notification-background
+        .close-button:active {
+        background-color: ${sc.red};
+        color: ${sc.base00};
+      }
+
+      .control-center .notification-row .notification-background:hover {
+        background-color: ${sc.base00};
+        color: ${sc.base05};
+      }
+
+      .control-center .notification-row .notification-background:active {
+        background-color: ${sc.blue};
+        color: ${sc.base05};
+      }
+
+      progressbar,
+      progress,
+      trough {
+        border-radius: 12.6px;
+      }
+
+      .notification.critical progress {
+        background-color: ${sc.red};
+      }
+
+      .notification.low progress,
+      .notification.normal progress {
+        background-color: ${sc.blue};
+      }
+
+      trough {
+        background-color: ${sc.base00};
+      }
+
+      .control-center trough {
+        background-color: ${sc.base03};
+      }
+
+      .control-center-dnd {
+        margin-top: 5px;
+        border-radius: 8px;
+        background: ${sc.base00};
+        border: 1px solid ${sc.base03};
+      }
+
+      .control-center-dnd:checked {
+        background: ${sc.base00};
+      }
+
+      .control-center-dnd slider {
+        background: ${sc.base03};
+        border-radius: 8px;
+      }
+
+      .widget-dnd {
+        margin: 0px;
+        font-size: 1.1rem;
+      }
+
+      .widget-dnd > switch {
+        font-size: initial;
+        border-radius: 8px;
+        background: ${sc.base00};
+        border: 1px solid ${sc.base03};
+      }
+
+      .widget-dnd > switch:checked {
+        background: ${sc.base00};
+      }
+
+      .widget-dnd > switch slider {
+        background: ${sc.base01};
+        border-radius: 8px;
+        border: 1px solid ${sc.${accentColourName}};
+      }
+
+    '';
+}