🧹 Moved almost all files to /modules. Moved some code to separate files

home-manager/hyprland/default.nix

@@ -0,0 +1,22 @@
+# Home configurations for Hyprland. For system configs, see ./hyprland
+{ ... }:
+
+{
+  imports = [
+    ./hyprcursor
+    ./waybar
+    ./hypridle
+    ./hyprlock
+    ./swaync
+  ];
+
+  home.file.".config/hypr/hyprland.conf".source = ./hyprland.conf;
+  programs = {
+    btop.enable = true;
+    kitty = {
+      settings = {
+        window_padding_width = 10;
+      };
+    };
+  };
+}

home-manager/hyprland/hyprcursor/default.nix

@@ -0,0 +1,17 @@
+{ pkgs, ... }:
+
+{
+  # TODO Not working correctly, see https://github.com/hyprwm/hyprcursor/issues/19
+  home.packages = with pkgs; [
+    hyprcursor
+  ];
+
+  # TODO remove in favour of hyprland flake?
+  home.file = {
+    ".local/share/icons/rose-pine-hyprcursor/manifest.hl".source = ./manifest.hl;
+    ".local/share/icons/rose-pine-hyprcursor/hyprcursors" = {
+      source = ./hyprcursors;
+      recursive = true;
+    };
+  };
+}

home-manager/hyprland/hyprcursor/manifest.hl

@@ -0,0 +1,4 @@
+name = rose-pine-hyprcursor
+description = BreezeX remixed with Rose Pine remixed to Hyprcursor format
+version = 0.3.2
+cursors_directory = hyprcursors

home-manager/hyprland/hypridle/default.nix

@@ -0,0 +1,37 @@
+{ ... }:
+let
+  # Time in seconds
+  lockAfter = 1200;
+  suspendAfter = 7200;
+in
+{
+  services.hypridle = {
+    enable = true;
+    settings = {
+      general = {
+        before_sleep_cmd = "loginctl lock-session";
+        after_sleep_cmd = "hyprctl dispatch dpms on";
+        lock_cmd = "pidof hyprlock || hyprlock"; # Avoid running multiple instances of hyprlock
+      };
+
+      listener = [
+        # Lock
+        {
+          timeout = lockAfter;
+          on-timeout = "loginctl lock-session";
+        }
+        # Turn off screens TODO buggy main monitor, turns off and on after resume
+        #        {
+        #          timeout = 120;
+        #          on-timeout = "hyprctl dispatch dpms off";
+        #          on-resume = "hyprctl dispatch dpms on";
+        #        }
+        # Suspend
+        {
+          timeout = suspendAfter;
+          on-timeout = "systemctl suspend"; # suspend pc
+        }
+      ];
+    };
+  };
+}

home-manager/hyprland/hyprland.conf

@@ -0,0 +1,402 @@
+# Please note not all available settings / options are set here.
+# For a full list, see the wiki
+
+# You can split this configuration into multiple files
+# Create your files separately and then link them to this file like this:
+# source = ~/.config/hypr/myColors.conf
+
+
+################
+### MONITORS ###
+################
+
+# See https://wiki.hyprland.org/Configuring/Monitors/
+# monitor=,preferred,auto,auto
+monitor = DP-1, 1920x1080@144, 0x0, 1
+monitor = DP-3, 2560x1440@59.95, 1920x0, 1
+
+
+###################
+### MY PROGRAMS ###
+###################
+
+# See https://wiki.hyprland.org/Configuring/Keywords/
+
+# Set programs that you use
+$browser = io.github.zen_browser.zen
+$terminal = kitty
+$fileManager = nautilus
+$menu = rofi -show drun
+
+
+#################
+### AUTOSTART ###
+#################
+
+# Autostart necessary processes (like notifications daemons, status bars, etc.)
+# Or execute your favorite apps at launch like this:
+
+exec-once = $browser & $terminal & nextcloud
+
+# Status bar
+exec-once = waybar
+
+# Wallpaper
+exec-once = waypaper --restore
+
+# Authentication daemon
+exec-once = systemctl --user start hyprpolkitagent
+
+# Notification deamon
+exec-once = swaync
+
+# Idle after predetermined amount of time
+exec-once = hypridle
+
+
+#############################
+### ENVIRONMENT VARIABLES ###
+#############################
+
+# See https://wiki.hyprland.org/Configuring/Environment-variables/
+
+env = XCURSOR_SIZE,24
+env = HYPRCURSOR_SIZE,24
+env = HYPRCURSOR_THEME,rose-pine-hyprcursor
+env = ELECTRON_OZONE_PLATFORM_HINT,auto
+env = HYPRSHOT_DIR,$HOME/Pictures/screenshots # Store screenshots here
+
+
+#####################
+### LOOK AND FEEL ###
+#####################
+
+# Refer to https://wiki.hyprland.org/Configuring/Variables/
+
+$rosewater = rgb(f5e0dc)
+$rosewaterAlpha = f5e0dc
+
+$flamingo = rgb(f2cdcd)
+$flamingoAlpha = f2cdcd
+
+$pink = rgb(f5c2e7)
+$pinkAlpha = f5c2e7
+
+$mauve = rgb(cba6f7)
+$mauveAlpha = cba6f7
+
+$red = rgb(f38ba8)
+$redAlpha = f38ba8
+
+$maroon = rgb(eba0ac)
+$maroonAlpha = eba0ac
+
+$peach = rgb(fab387)
+$peachAlpha = fab387
+
+$yellow = rgb(f9e2af)
+$yellowAlpha = f9e2af
+
+$green = rgb(a6e3a1)
+$greenAlpha = a6e3a1
+
+$teal = rgb(94e2d5)
+$tealAlpha = 94e2d5
+
+$sky = rgb(89dceb)
+$skyAlpha = 89dceb
+
+$sapphire = rgb(74c7ec)
+$sapphireAlpha = 74c7ec
+
+$blue = rgb(89b4fa)
+$blueAlpha = 89b4fa
+
+$lavender = rgb(b4befe)
+$lavenderAlpha = b4befe
+
+$text = rgb(cdd6f4)
+$textAlpha = cdd6f4
+
+$subtext1 = rgb(bac2de)
+$subtext1Alpha = bac2de
+
+$subtext0 = rgb(a6adc8)
+$subtext0Alpha = a6adc8
+
+$overlay2 = rgb(9399b2)
+$overlay2Alpha = 9399b2
+
+$overlay1 = rgb(7f849c)
+$overlay1Alpha = 7f849c
+
+$overlay0 = rgb(6c7086)
+$overlay0Alpha = 6c7086
+
+$surface2 = rgb(585b70)
+$surface2Alpha = 585b70
+
+$surface1 = rgb(45475a)
+$surface1Alpha = 45475a
+
+$surface0 = rgb(313244)
+$surface0Alpha = 313244
+
+$base = rgb(1e1e2e)
+$baseAlpha = 1e1e2e
+
+$mantle = rgb(181825)
+$mantleAlpha = 181825
+
+$crust = rgb(11111b)
+$crustAlpha = 11111b
+
+# https://wiki.hyprland.org/Configuring/Variables/#general
+general {
+    gaps_in = 5
+    gaps_out = 20
+
+    border_size = 2
+
+    # https://wiki.hyprland.org/Configuring/Variables/#variable-types for info about colors
+    col.active_border = $mauve $teal 45deg
+    col.inactive_border = rgba(595959aa)
+
+    # Set to true enable resizing windows by clicking and dragging on borders and gaps
+    resize_on_border = true
+
+    # Please see https://wiki.hyprland.org/Configuring/Tearing/ before you turn this on
+    allow_tearing = false
+
+    layout = dwindle
+}
+
+# https://wiki.hyprland.org/Configuring/Variables/#decoration
+decoration {
+    rounding = 10
+
+    # Change transparency of focused and unfocused windows
+    active_opacity = 1.0
+    inactive_opacity = 1.0
+
+    shadow {
+        enabled = true
+        range = 4
+        render_power = 3
+        color = $base
+    }
+
+    # https://wiki.hyprland.org/Configuring/Variables/#blur
+    blur {
+        enabled = true
+        size = 3
+        passes = 1
+
+        vibrancy = 0.1696
+    }
+}
+
+# https://wiki.hyprland.org/Configuring/Variables/#animations
+animations {
+    enabled = yes, please :)
+
+    # Default animations, see https://wiki.hyprland.org/Configuring/Animations/ for more
+
+    bezier = easeOutQuint,0.23,1,0.32,1
+    bezier = easeInOutCubic,0.65,0.05,0.36,1
+    bezier = linear,0,0,1,1
+    bezier = almostLinear,0.5,0.5,0.75,1.0
+    bezier = quick,0.15,0,0.1,1
+
+    animation = global, 1, 10, default
+    animation = border, 1, 5.39, easeOutQuint
+    animation = windows, 1, 4.79, easeOutQuint
+    animation = windowsIn, 1, 4.1, easeOutQuint, popin 87%
+    animation = windowsOut, 1, 1.49, linear, popin 87%
+    animation = fadeIn, 1, 1.73, almostLinear
+    animation = fadeOut, 1, 1.46, almostLinear
+    animation = fade, 1, 3.03, quick
+    animation = layers, 1, 3.81, easeOutQuint
+    animation = layersIn, 1, 4, easeOutQuint, fade
+    animation = layersOut, 1, 1.5, linear, fade
+    animation = fadeLayersIn, 1, 1.79, almostLinear
+    animation = fadeLayersOut, 1, 1.39, almostLinear
+    animation = workspaces, 1, 1.94, almostLinear, fade
+    animation = workspacesIn, 1, 1.21, almostLinear, fade
+    animation = workspacesOut, 1, 1.94, almostLinear, fade
+}
+
+# Ref https://wiki.hyprland.org/Configuring/Workspace-Rules/
+# "Smart gaps" / "No gaps when only"
+# uncomment all if you wish to use that.
+# workspace = w[tv1], gapsout:0, gapsin:0
+# workspace = f[1], gapsout:0, gapsin:0
+# windowrulev2 = bordersize 0, floating:0, onworkspace:w[tv1]
+# windowrulev2 = rounding 0, floating:0, onworkspace:w[tv1]
+# windowrulev2 = bordersize 0, floating:0, onworkspace:f[1]
+# windowrulev2 = rounding 0, floating:0, onworkspace:f[1]
+
+# See https://wiki.hyprland.org/Configuring/Dwindle-Layout/ for more
+dwindle {
+    pseudotile = true # Master switch for pseudotiling. Enabling is bound to mainMod + P in the keybinds section below
+    preserve_split = true # You probably want this
+}
+
+# See https://wiki.hyprland.org/Configuring/Master-Layout/ for more
+master {
+    new_status = master
+}
+
+# https://wiki.hyprland.org/Configuring/Variables/#misc
+misc {
+    force_default_wallpaper = -1 # Set to 0 or 1 to disable the anime mascot wallpapers
+    disable_hyprland_logo = false # If true disables the random hyprland logo / anime girl background. :(
+}
+
+debug {
+    disable_logs = false
+}
+
+#############
+### INPUT ###
+#############
+
+# https://wiki.hyprland.org/Configuring/Variables/#input
+# Must match configs in nixos!
+input {
+    kb_layout = gb,no
+    kb_variant =
+    kb_model =
+    kb_options = grp:alt_shift_toggle
+    kb_rules =
+
+    follow_mouse = 1
+
+    sensitivity = 0 # -1.0 - 1.0, 0 means no modification.
+
+    touchpad {
+        natural_scroll = false
+    }
+}
+
+# https://wiki.hyprland.org/Configuring/Variables/#gestures
+gestures {
+    workspace_swipe = false
+}
+
+# Example per-device config
+# See https://wiki.hyprland.org/Configuring/Keywords/#per-device-input-configs for more
+device {
+    name = logitech-g502-hero-gaming-mouse
+    sensitivity = -0.10
+}
+
+
+###################
+### KEYBINDINGS ###
+###################
+
+# See https://wiki.hyprland.org/Configuring/Keywords/
+$mainMod = SUPER # Sets "Windows" key as main modifier
+$shiftMod = $mainMod SHIFT
+
+# Example binds, see https://wiki.hyprland.org/Configuring/Binds/ for more
+bind = $mainMod, Q, exec, $terminal
+bind = $mainMod, C, killactive,
+bind = $mainMod, M, exit,
+bind = $mainMod, E, exec, $fileManager
+bind = $mainMod, V, togglefloating,
+bind = $mainMod, R, exec, $menu
+bind = $mainMod, P, pseudo, # dwindle
+bind = $mainMod, J, togglesplit, # dwindle
+bind = $mainMod, B, exec, $browser
+bind = $mainMod, L, exec, hyprlock
+bind = $mainMod, K, exec, [float] gnome-calculator
+
+# Screenshot a window
+bind = $mainMod, PRINT, exec, hyprshot -m window
+# Screenshot a monitor
+bind = , PRINT, exec, hyprshot -m output
+# Screenshot a region
+bind = $shiftMod, PRINT, exec, hyprshot -m region
+
+# Move focus with mainMod + arrow keys
+bind = $mainMod, left, movefocus, l
+bind = $mainMod, right, movefocus, r
+bind = $mainMod, up, movefocus, u
+bind = $mainMod, down, movefocus, d
+
+# Switch workspaces with mainMod + [0-9]
+bind = $mainMod, 1, workspace, 1
+bind = $mainMod, 2, workspace, 2
+bind = $mainMod, 3, workspace, 3
+bind = $mainMod, 4, workspace, 4
+bind = $mainMod, 5, workspace, 5
+bind = $mainMod, 6, workspace, 6
+bind = $mainMod, 7, workspace, 7
+bind = $mainMod, 8, workspace, 8
+bind = $mainMod, 9, workspace, 9
+bind = $mainMod, 0, workspace, 10
+
+# Move active window to a workspace with mainMod + SHIFT + [0-9]
+bind = $shiftMod, 1, movetoworkspace, 1
+bind = $shiftMod, 2, movetoworkspace, 2
+bind = $shiftMod, 3, movetoworkspace, 3
+bind = $shiftMod, 4, movetoworkspace, 4
+bind = $shiftMod, 5, movetoworkspace, 5
+bind = $shiftMod, 6, movetoworkspace, 6
+bind = $shiftMod, 7, movetoworkspace, 7
+bind = $shiftMod, 8, movetoworkspace, 8
+bind = $shiftMod, 9, movetoworkspace, 9
+bind = $shiftMod, 0, movetoworkspace, 10
+
+# Example special workspace (scratchpad)
+bind = $mainMod, S, togglespecialworkspace, magic
+bind = $shiftMod, S, movetoworkspace, special:magic
+
+# Scroll through existing workspaces with mainMod + scroll
+bind = $mainMod, mouse_down, workspace, e+1
+bind = $mainMod, mouse_up, workspace, e-1
+
+# Move/resize windows with mainMod + LMB/RMB and dragging
+bindm = $mainMod, mouse:272, movewindow
+bindm = $mainMod, mouse:273, resizewindow
+
+# Laptop multimedia keys for volume and LCD brightness
+bindel = ,XF86AudioRaiseVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%+
+bindel = ,XF86AudioLowerVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%-
+bindel = ,XF86AudioMute, exec, wpctl set-mute @DEFAULT_AUDIO_SINK@ toggle
+bindel = ,XF86AudioMicMute, exec, wpctl set-mute @DEFAULT_AUDIO_SOURCE@ toggle
+bindel = ,XF86MonBrightnessUp, exec, brightnessctl s 10%+
+bindel = ,XF86MonBrightnessDown, exec, brightnessctl s 10%-
+
+# Requires playerctl
+bindl = , XF86AudioNext, exec, playerctl next
+bindl = , XF86AudioPause, exec, playerctl play-pause
+bindl = , XF86AudioPlay, exec, playerctl play-pause
+bindl = , XF86AudioPrev, exec, playerctl previous
+
+
+##############################
+### WINDOWS AND WORKSPACES ###
+##############################
+
+# See https://wiki.hyprland.org/Configuring/Window-Rules/ for more
+# See https://wiki.hyprland.org/Configuring/Workspace-Rules/ for workspace rules
+
+# Example windowrule v1
+# windowrule = float, ^(kitty)$
+
+# Example windowrule v2
+# windowrulev2 = float,class:^(kitty)$,title:^(kitty)$
+
+# Ignore maximize requests from apps. You'll probably like this.
+windowrulev2 = suppressevent maximize, class:.*
+
+# Fix some dragging issues with XWayland
+windowrulev2 = nofocus,class:^$,title:^$,xwayland:1,floating:1,fullscreen:0,pinned:0
+
+# Avoid locking in fullscreen
+windowrulev2 = idleinhibit fullscreen, class:^(*)$
+windowrulev2 = idleinhibit fullscreen, title:^(*)$
+windowrulev2 = idleinhibit fullscreen, fullscreen:1

home-manager/hyprland/hyprlock/default.nix

@@ -0,0 +1,83 @@
+{ lib, ... }:
+
+{
+  programs.hyprlock = {
+    enable = true;
+    settings = {
+      "$base" = "rgb(1e1e2e)";
+      "$text" = "rgb(cdd6f4)";
+      "$textAlpha" = "cdd6f4";
+      "$mauve" = "rgb(cba6f7)";
+      "$mauveAlpha" = "cba6f7";
+      "$red" = "rgb(f38ba8)";
+      "$yellow" = "rgb(f9e2af)";
+      "$accent" = "$mauve";
+      "$accentAlpha" = "$mauveAlpha";
+      "$surface0" = "rgb(313244)";
+      "$font" = "JetBrainsMono Nerd Font";
+
+      # GENERAL
+      general = {
+        disable_loading_bar = true;
+        hide_cursor = true;
+      };
+
+      # LAYOUT
+      label = [
+        {
+          text = "$LAYOUT";
+          color = "$text";
+          font_size = 25;
+          font_family = "$font";
+          position = "30, -30";
+          halign = "left";
+          valign = "top";
+        }
+
+        # TIME
+        {
+          text = "$TIME";
+          color = "$text";
+          font_size = 90;
+          font_family = "$font";
+          position = "-30, 0";
+          halign = "right";
+          valign = "top";
+        }
+
+        # DATE
+        {
+          text = "cmd[update:43200000] date +\"%A, %d %B %Y\"";
+          color = "$text";
+          font_size = 25;
+          font_family = "$font";
+          position = "-30, -150";
+          halign = "right";
+          valign = "top";
+        }
+      ];
+
+      # INPUT FIELD
+      input-field = {
+        size = "300, 60";
+        outline_thickness = 4;
+        dots_size = 0.2;
+        dots_spacing = 0.2;
+        dots_center = true;
+        outer_color = lib.mkDefault "$accent";
+        inner_color = lib.mkDefault "$surface0";
+        font_color = lib.mkDefault "$text";
+        fade_on_empty = false;
+        placeholder_text = "<span foreground=\"##$textAlpha\"><i>󰌾 Logged in as </i><span foreground=\"##$accentAlpha\">$USER</span></span>";
+        hide_input = false;
+        check_color = lib.mkDefault "$accent";
+        fail_color = lib.mkDefault "$red";
+        fail_text = "<i>$FAIL <b>($ATTEMPTS)</b></i>";
+        capslock_color = lib.mkDefault "$yellow";
+        position = "0, -20%";
+        halign = "center";
+        valign = "center";
+      };
+    };
+  };
+}

home-manager/hyprland/swaync/default.nix

@@ -0,0 +1,8 @@
+{ pkgs, lib, ... }:
+
+{
+  services.swaync = {
+    enable = true;
+    style = lib.mkDefault ./mocha.css;
+  };
+}

home-manager/hyprland/swaync/mocha.css

@@ -0,0 +1,344 @@
+/* TODO Variables */
+* {
+    all: unset;
+    font-size: 14px;
+    font-family: "JetBrains Mono", monospace;
+    transition: 200ms;
+}
+
+trough highlight {
+    background: #cdd6f4;
+}
+
+scale trough {
+    margin: 0 1rem;
+    background-color: #313244;
+    min-height: 8px;
+    min-width: 70px;
+}
+
+slider {
+    background-color: #89b4fa;
+}
+
+.floating-notifications.background .notification-row .notification-background {
+    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.8), inset 0 0 0 1px #313244;
+    border-radius: 12.6px;
+    margin: 18px;
+    background-color: #1e1e2e;
+    color: #cdd6f4;
+    padding: 0;
+}
+
+.floating-notifications.background .notification-row .notification-background .notification {
+    padding: 7px;
+    border-radius: 12.6px;
+}
+
+.floating-notifications.background .notification-row .notification-background .notification.critical {
+    box-shadow: inset 0 0 7px 0 #f38ba8;
+}
+
+.floating-notifications.background .notification-row .notification-background .notification .notification-content {
+    margin: 7px;
+}
+
+.floating-notifications.background .notification-row .notification-background .notification .notification-content .summary {
+    color: #cdd6f4;
+}
+
+.floating-notifications.background .notification-row .notification-background .notification .notification-content .time {
+    color: #a6adc8;
+}
+
+.floating-notifications.background .notification-row .notification-background .notification .notification-content .body {
+    color: #cdd6f4;
+}
+
+.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: 7px;
+    color: #cdd6f4;
+    background-color: #313244;
+    box-shadow: inset 0 0 0 1px #45475a;
+    margin: 7px;
+}
+
+.floating-notifications.background .notification-row .notification-background .notification > *:last-child > * .notification-action:hover {
+    box-shadow: inset 0 0 0 1px #45475a;
+    background-color: #313244;
+    color: #cdd6f4;
+}
+
+.floating-notifications.background .notification-row .notification-background .notification > *:last-child > * .notification-action:active {
+    box-shadow: inset 0 0 0 1px #45475a;
+    background-color: #74c7ec;
+    color: #cdd6f4;
+}
+
+/* Close Button */
+.floating-notifications.background .notification-row .notification-background .close-button {
+    margin: 7px;
+    padding: 2px;
+    border-radius: 6.3px;
+    color: #1e1e2e;
+    background-color: #f38ba8;
+}
+
+.floating-notifications.background .notification-row .notification-background .close-button:hover {
+    background-color: #eba0ac;
+    color: #1e1e2e;
+}
+
+.floating-notifications.background .notification-row .notification-background .close-button:active {
+    background-color: #f38ba8;
+    color: #1e1e2e;
+}
+
+.control-center {
+    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.8), inset 0 0 0 1px #313244;
+    border-radius: 12.6px;
+    margin: 18px;
+    background-color: #1e1e2e;
+    color: #cdd6f4;
+    padding: 14px;
+}
+
+.control-center .widget-title > label {
+    color: #cdd6f4;
+    font-size: 1.3em;
+}
+
+.control-center .widget-title button {
+    border-radius: 7px;
+    color: #cdd6f4;
+    background-color: #313244;
+    box-shadow: inset 0 0 0 1px #45475a;
+    padding: 8px;
+}
+
+.control-center .widget-title button:hover {
+    box-shadow: inset 0 0 0 1px #45475a;
+    background-color: #585b70;
+    color: #cdd6f4;
+}
+
+.control-center .widget-title button:active {
+    box-shadow: inset 0 0 0 1px #45475a;
+    background-color: #74c7ec;
+    color: #1e1e2e;
+}
+
+.control-center .notification-row .notification-background {
+    border-radius: 7px;
+    color: #cdd6f4;
+    background-color: #313244;
+    box-shadow: inset 0 0 0 1px #45475a;
+    margin-top: 14px;
+}
+
+.control-center .notification-row .notification-background .notification {
+    padding: 7px;
+    border-radius: 7px;
+}
+
+.control-center .notification-row .notification-background .notification.critical {
+    box-shadow: inset 0 0 7px 0 #f38ba8;
+}
+
+.control-center .notification-row .notification-background .notification .notification-content {
+    margin: 7px;
+}
+
+.control-center .notification-row .notification-background .notification .notification-content .summary {
+    color: #cdd6f4;
+}
+
+.control-center .notification-row .notification-background .notification .notification-content .time {
+    color: #a6adc8;
+}
+
+.control-center .notification-row .notification-background .notification .notification-content .body {
+    color: #cdd6f4;
+}
+
+.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;
+    color: #cdd6f4;
+    background-color: #11111b;
+    box-shadow: inset 0 0 0 1px #45475a;
+    margin: 7px;
+}
+
+.control-center .notification-row .notification-background .notification > *:last-child > * .notification-action:hover {
+    box-shadow: inset 0 0 0 1px #45475a;
+    background-color: #313244;
+    color: #cdd6f4;
+}
+
+.control-center .notification-row .notification-background .notification > *:last-child > * .notification-action:active {
+    box-shadow: inset 0 0 0 1px #45475a;
+    background-color: #74c7ec;
+    color: #cdd6f4;
+}
+
+.control-center .notification-row .notification-background .close-button {
+    margin: 7px;
+    padding: 2px;
+    border-radius: 6.3px;
+    color: #1e1e2e;
+    background-color: #eba0ac;
+}
+
+.close-button {
+    border-radius: 6.3px;
+}
+
+.control-center .notification-row .notification-background .close-button:hover {
+    background-color: #f38ba8;
+    color: #1e1e2e;
+}
+
+.control-center .notification-row .notification-background .close-button:active {
+    background-color: #f38ba8;
+    color: #1e1e2e;
+}
+
+.control-center .notification-row .notification-background:hover {
+    box-shadow: inset 0 0 0 1px #45475a;
+    background-color: #7f849c;
+    color: #cdd6f4;
+}
+
+.control-center .notification-row .notification-background:active {
+    box-shadow: inset 0 0 0 1px #45475a;
+    background-color: #74c7ec;
+    color: #cdd6f4;
+}
+
+.notification.critical progress {
+    background-color: #f38ba8;
+}
+
+.notification.low progress,
+.notification.normal progress {
+    background-color: #89b4fa;
+}
+
+.control-center-dnd {
+    margin-top: 5px;
+    border-radius: 8px;
+    background: #313244;
+    border: 1px solid #45475a;
+    box-shadow: none;
+}
+
+.control-center-dnd:checked {
+    background: #313244;
+}
+
+.control-center-dnd slider {
+    background: #45475a;
+    border-radius: 8px;
+}
+
+.widget-dnd {
+    margin: 0px;
+    font-size: 1.1rem;
+}
+
+.widget-dnd > switch {
+    font-size: initial;
+    border-radius: 8px;
+    background: #313244;
+    border: 1px solid #45475a;
+    box-shadow: none;
+}
+
+.widget-dnd > switch:checked {
+    background: #313244;
+}
+
+.widget-dnd > switch slider {
+    background: #45475a;
+    border-radius: 8px;
+    border: 1px solid #6c7086;
+}
+
+.widget-mpris .widget-mpris-player {
+    background: #313244;
+    padding: 7px;
+}
+
+.widget-mpris .widget-mpris-title {
+    font-size: 1.2rem;
+}
+
+.widget-mpris .widget-mpris-subtitle {
+    font-size: 0.8rem;
+}
+
+.widget-menubar > box > .menu-button-bar > button > label {
+    font-size: 3rem;
+    padding: 0.5rem 2rem;
+}
+
+.widget-menubar > box > .menu-button-bar > :last-child {
+    color: #f38ba8;
+}
+
+.power-buttons button:hover,
+.powermode-buttons button:hover,
+.screenshot-buttons button:hover {
+    background: #313244;
+}
+
+.control-center .widget-label > label {
+    color: #cdd6f4;
+    font-size: 2rem;
+}
+
+.widget-buttons-grid {
+    padding-top: 1rem;
+}
+
+.widget-buttons-grid > flowbox > flowboxchild > button label {
+    font-size: 2.5rem;
+}
+
+.widget-volume {
+    padding-top: 1rem;
+}
+
+.widget-volume label {
+    font-size: 1.5rem;
+    color: #74c7ec;
+}
+
+.widget-volume trough highlight {
+    background: #74c7ec;
+}
+
+.widget-backlight trough highlight {
+    background: #f9e2af;
+}
+
+.widget-backlight label {
+    font-size: 1.5rem;
+    color: #f9e2af;
+}
+
+.widget-backlight .KB {
+    padding-bottom: 1rem;
+}
+
+.image {
+    padding-right: 0.5rem;
+}

home-manager/hyprland/waybar/config/config.jsonc

@@ -0,0 +1,124 @@
+{
+  "layer": "top",
+  // Waybar at top layer
+  "position": "top",
+  // Waybar position (top|bottom|left|right)
+  // "width": 1280, // Waybar width
+  // Choose the order of the modules
+  "modules-left": [
+    "hyprland/workspaces",
+    "custom/music"
+  ],
+  "modules-center": [
+    "hyprland/window"
+  ],
+  "modules-right": [
+    "hyprland/language",
+    "wireplumber",
+    "backlight",
+    "clock",
+    "custom/notification",
+    "tray",
+    "custom/lock",
+    "custom/power"
+  ],
+  "hyprland/workspaces": {
+    "disable-scroll": false,
+    "sort-by-name": true,
+    "format": " {id} "
+  },
+  "hyprland/window": {},
+  "tray": {
+    "icon-size": 21,
+    "spacing": 10
+  },
+  "custom/music": {
+    "format": "󰓃 {}",
+    "escape": true,
+    "interval": 5,
+    "tooltip": false,
+    "exec": "playerctl metadata --format='{{ title }}'",
+    "on-click": "playerctl play-pause",
+    "max-length": 50
+  },
+  "clock": {
+    "timezone": "Europe/Oslo",
+    "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
+    "format": " {:%H:%M   %d/%m}",
+    "calendar": {
+      "mode": "month",
+      "weeks-pos": "left",
+      "format": {
+        "months": "<span color='#ffead3'><b>{}</b></span>",
+        "days": "<span color='#ecc6d9'><b>{}</b></span>",
+        "weeks": "<span color='#99ffdd'><b>W{}</b></span>",
+        "weekdays": "<span color='#ffcc66'><b>{}</b></span>",
+        "today": "<span color='#ff6699'><b><u>{}</u></b></span>"
+      }
+    }
+  },
+  "backlight": {
+    "device": "intel_backlight",
+    "format": "{icon}",
+    "format-icons": [
+      "",
+      "",
+      "",
+      "",
+      "",
+      "",
+      "",
+      "",
+      ""
+    ]
+  },
+  "wireplumber": {
+    // "scroll-step": 1, // %, can be a float
+    "format": "{icon} {volume}%",
+    "format-muted": " ",
+    "format-icons": {
+      "default": [
+        "",
+        " ",
+        " "
+      ]
+    },
+    "on-click": "pavucontrol"
+  },
+  "hyprland/language": {
+    "format-en": "EN",
+    "format-no": "NO",
+    "keyboard-name": "logitech-logitech-g710-keyboard",
+    "on-click": "hyprctl switchxkblayout logitech-logitech-g710-keyboard next"
+  },
+  "custom/lock": {
+    "tooltip": false,
+    "on-click": "sh -c '(sleep 0.5s; hyprlock)'",
+    "format": ""
+  },
+  "custom/power": {
+    "tooltip": false,
+    "on-click": "wlogout &",
+    "format": " "
+  },
+  "custom/notification": {
+    "tooltip": false,
+    "format": "{icon}",
+    "format-icons": {
+      "notification": "<span foreground='#f38ba8'><sup></sup></span>",
+      "none": "",
+      "dnd-notification": "<span foreground='#f38ba8'><sup></sup></span>",
+      "dnd-none": "",
+      "inhibited-notification": "<span foreground='#f38ba8'><sup></sup></span>",
+      "inhibited-none": "",
+      "dnd-inhibited-notification": "<span foreground='#f38ba8'><sup></sup></span>",
+      "dnd-inhibited-none": ""
+    },
+    "return-type": "json",
+    "exec-if": "which swaync-client",
+    "exec": "swaync-client -swb",
+    "on-click": "swaync-client -t -sw",
+    "on-click-right": "swaync-client -d -sw",
+    "escape": true
+  }
+}

home-manager/hyprland/waybar/config/mocha.css

@@ -0,0 +1,37 @@
+/*
+*
+* Catppuccin Mocha palette
+* Maintainer: rubyowo
+*
+*/
+
+@define-color base   #1e1e2e;
+@define-color mantle #181825;
+@define-color crust  #11111b;
+
+@define-color text     #cdd6f4;
+@define-color subtext0 #a6adc8;
+@define-color subtext1 #bac2de;
+
+@define-color surface0 #313244;
+@define-color surface1 #45475a;
+@define-color surface2 #585b70;
+
+@define-color overlay0 #6c7086;
+@define-color overlay1 #7f849c;
+@define-color overlay2 #9399b2;
+
+@define-color blue      #89b4fa;
+@define-color lavender  #b4befe;
+@define-color sapphire  #74c7ec;
+@define-color sky       #89dceb;
+@define-color teal      #94e2d5;
+@define-color green     #a6e3a1;
+@define-color yellow    #f9e2af;
+@define-color peach     #fab387;
+@define-color maroon    #eba0ac;
+@define-color red       #f38ba8;
+@define-color mauve     #cba6f7;
+@define-color pink      #f5c2e7;
+@define-color flamingo  #f2cdcd;
+@define-color rosewater #f5e0dc;

home-manager/hyprland/waybar/config/style.css

@@ -0,0 +1,104 @@
+@import "mocha.css";
+
+* {
+    font-family: JetBrainsMono Nerd Font;
+    font-size: 15px;
+    min-height: 0;
+}
+
+#waybar {
+    background: transparent;
+    color: @text;
+    margin: 5px 5px;
+}
+
+#workspaces {
+    border-radius: 1rem;
+    background-color: @surface0;
+    margin: 5px 5px 5px 1rem;
+}
+
+#workspaces button {
+    color: @lavender;
+    border-radius: 1rem;
+    padding: 0.4rem;
+}
+
+#workspaces button.active {
+    color: @sky;
+    border-radius: 1rem;
+}
+
+#workspaces button:hover {
+    color: @sapphire;
+    border-radius: 1rem;
+}
+
+#language,
+#window,
+#custom-notification,
+#custom-music,
+#tray,
+#backlight,
+#clock,
+#wireplumber,
+#custom-lock,
+#custom-power {
+    background-color: @surface0;
+    padding: 0.5rem 1rem;
+    margin: 5px 0;
+}
+
+#clock {
+    color: @blue;
+}
+
+#backlight {
+    color: @yellow;
+}
+
+#backlight {
+    border-radius: 0;
+}
+
+#language {
+    color: @red;
+    border-radius: 1rem 0 0 1rem;
+    margin-left: 1rem;
+}
+
+#wireplumber {
+    color: @maroon;
+}
+
+#custom-music {
+    color: @mauve;
+    border-radius: 1rem;
+}
+
+#window {
+    color: @mauve;
+    border-radius: 1rem;
+}
+
+#custom-lock {
+    border-radius: 1rem 0 0 1rem;
+    color: @lavender;
+}
+
+#custom-power {
+    margin-right: 1rem;
+    border-radius: 0 1rem 1rem 0;
+    color: @red;
+}
+
+#custom-notification {
+    margin-right: 1rem;
+    border-radius: 0 1rem 1rem 0;
+    color: @sapphire;
+}
+
+#tray {
+    margin-right: 1rem;
+    border-radius: 1rem;
+}

home-manager/hyprland/waybar/default.nix

@@ -0,0 +1,8 @@
+{ ... }:
+
+{
+  home.file.".config/waybar" = {
+    source = ./config;
+    recursive = true;
+  };
+}