Put every variables in top of the file for easy copy to another config

home/system/gtk/default.nix

@@ -1,4 +1,4 @@
-{ config, pkgs, ... }: {
+{ pkgs, ... }: {
 
   qt = {
     enable = true;

home/system/hyprland/animations.nix

@@ -1,21 +1,22 @@
-{ config, ... }: {
-  wayland.windowManager.hyprland.settings = {
-    animations = let
-      animationSpeed = config.var.theme.animation-speed;
+{ config, ... }:
+let
+  animationSpeed = config.var.theme.animation-speed;
 
-      animationDuration = if animationSpeed == "slow" then
-        "4"
-      else if animationSpeed == "medium" then
-        "2.5"
-      else
-        "1.5";
-      borderDuration = if animationSpeed == "slow" then
-        "10"
-      else if animationSpeed == "medium" then
-        "6"
-      else
-        "3";
-    in {
+  animationDuration = if animationSpeed == "slow" then
+    "4"
+  else if animationSpeed == "medium" then
+    "2.5"
+  else
+    "1.5";
+  borderDuration = if animationSpeed == "slow" then
+    "10"
+  else if animationSpeed == "medium" then
+    "6"
+  else
+    "3";
+in {
+  wayland.windowManager.hyprland.settings = {
+    animations = {
       enabled = true;
       bezier = [
         "linear, 0, 0, 1, 1"

home/system/hyprland/default.nix

@@ -1,4 +1,15 @@
-{ pkgs, config, inputs, ... }: {
+{ pkgs, config, inputs, ... }:
+
+let
+  border-size = config.var.theme.border-size;
+  gaps-in = config.var.theme.gaps-in;
+  gaps-out = config.var.theme.gaps-out;
+  active-opacity = config.var.theme.active-opacity;
+  inactive-opacity = config.var.theme.inactive-opacity;
+  rounding = config.var.theme.rounding;
+  blur = config.var.theme.blur;
+  keyboardLayout = config.var.keyboardLayout;
+in {
 
   imports = [ ./animations.nix ./bindings.nix ];
 
@@ -78,21 +89,21 @@
 
       general = {
         resize_on_border = true;
-        gaps_in = config.var.theme.gaps-in;
-        gaps_out = config.var.theme.gaps-out;
-        border_size = config.var.theme.border-size;
+        gaps_in = gaps-in;
+        gaps_out = gaps-out;
+        border_size = border-size;
         border_part_of_window = true;
         layout = "master";
       };
 
       decoration = {
-        active_opacity = config.var.theme.active-opacity;
-        inactive_opacity = config.var.theme.inactive-opacity;
-        rounding = config.var.theme.rounding;
+        active_opacity = active-opacity;
+        inactive_opacity = inactive-opacity;
+        rounding = rounding;
         drop_shadow = true;
         shadow_range = 20;
         shadow_render_power = 3;
-        blur = { enabled = if config.var.theme.blur then "true" else "false"; };
+        blur = { enabled = if blur then "true" else "false"; };
       };
 
       master = {
@@ -113,7 +124,7 @@
       };
 
       input = {
-        kb_layout = config.var.keyboardLayout;
+        kb_layout = keyboardLayout;
 
         kb_options = "caps:escape";
         follow_mouse = 1;

home/system/hyprlock/default.nix

@@ -1,5 +1,8 @@
 { config, ... }:
-let foreground = "rgba(216, 222, 233, 0.70)";
+let
+  foreground = "rgba(216, 222, 233, 0.70)";
+  imageStr = toString config.stylix.image;
+  font = config.stylix.fonts.serif.name;
 in {
   programs.hyprlock = {
     enable = true;
@@ -13,7 +16,7 @@ in {
       # BACKGROUND
       background = {
         monitor = "";
-        path = toString config.stylix.image;
+        path = imageStr;
         blur_passes = 0;
         contrast = 0.8916;
         brightness = 0.7172;
@@ -28,7 +31,7 @@ in {
           text = ''cmd[update:1000] echo -e "$(date +"%A, %B %d")"'';
           color = foreground;
           font_size = 28;
-          font_family = config.stylix.fonts.serif.name + " Bold";
+          font_family = font + " Bold";
           position = "0, 490";
           halign = "center";
           valign = "center";
@@ -54,7 +57,7 @@ in {
           dots_spacing = 0.2; # Scale of dots' absolute size, 0.0 - 1.0
           dots_center = true;
           font_size = 18;
-          font_family = config.stylix.fonts.serif.name + " Bold";
+          font_family = font + " Bold";
           position = "0, -180";
           halign = "center";
           valign = "center";
@@ -73,7 +76,7 @@ in {
         inner_color = "rgba(255, 255, 255, 0.1)";
         font_color = foreground;
         fade_on_empty = false;
-        font_family = config.stylix.fonts.serif.name + " Bold";
+        font_family = font + " Bold";
         placeholder_text = "<i>🔒 Enter Password</i>";
         hide_input = false;
         position = "0, -250";

home/system/hyprpanel/default.nix

@@ -1,4 +1,25 @@
-{ pkgs, config, ... }: {
+{ pkgs, config, ... }:
+let
+  accent = "#${config.lib.stylix.colors.base0D}";
+  accent-alt = "#${config.lib.stylix.colors.base03}";
+  background = "#${config.lib.stylix.colors.base00}";
+  background-alt = "#${config.lib.stylix.colors.base01}";
+  foreground = "#${config.lib.stylix.colors.base05}";
+  font = "${config.stylix.fonts.serif.name}";
+  fontSize = "${toString config.var.theme.bar.font-size}";
+
+  rounding = config.var.theme.rounding;
+  border-size = config.var.theme.border-size;
+
+  gaps-out = config.var.theme.gaps-out;
+  gaps-in = config.var.theme.gaps-in;
+
+  floating = config.var.theme.bar.floating;
+  transparent = config.var.theme.bar.transparent;
+
+  location = config.var.location;
+  username = config.var.username;
+in {
   wayland.windowManager.hyprland.settings.exec-once =
     [ "${pkgs.hyprpanel}/bin/hyprpanel" ];
 
@@ -67,50 +88,33 @@
               ]
             }
           },
-          "theme.font.name": "${config.stylix.fonts.serif.name}",
-          "theme.font.size": "${toString config.var.theme.bar.font-size}px",
+          "theme.font.name": "${font}",
+          "theme.font.size": "${fontSize}px",
           "theme.bar.outer_spacing": "${
-            if config.var.theme.bar.floating
-            && config.var.theme.bar.transparent then
-              "0"
-            else
-              "8"
+            if floating && transparent then "0" else "8"
           }px",
           "theme.bar.buttons.y_margins": "${
-            if config.var.theme.bar.floating
-            && config.var.theme.bar.transparent then
-              "0"
-            else
-              "8"
+            if floating && transparent then "0" else "8"
           }px",
           "theme.bar.buttons.spacing": "0.3em",
           "theme.bar.buttons.radius": "${
-            if config.var.theme.bar.transparent then
-              toString config.var.theme.rounding
-            else
-              toString (config.var.theme.rounding - 8)
+            if transparent then toString rounding else toString (rounding - 8)
           }px",
-          "theme.bar.floating": ${
-            if config.var.theme.bar.floating then "true" else "false"
-          },
+          "theme.bar.floating": ${if floating then "true" else "false"},
           "theme.bar.buttons.padding_x": "0.8rem",
           "theme.bar.buttons.padding_y": "0.4rem",
 
-          "theme.bar.buttons.workspaces.hover": "#${config.lib.stylix.colors.base0A}",
-          "theme.bar.buttons.workspaces.active": "#${config.lib.stylix.colors.base0D}",
-          "theme.bar.buttons.workspaces.available": "#${config.lib.stylix.colors.base00}",
+          "theme.bar.buttons.workspaces.hover": "${accent-alt}",
+          "theme.bar.buttons.workspaces.active": "${accent}",
+          "theme.bar.buttons.workspaces.available": "${background}",
 
-          "theme.bar.margin_top": "${
-            toString (config.var.theme.gaps-in * 2)
-          }px",
-          "theme.bar.margin_sides": "${toString config.var.theme.gaps-out}px",
+          "theme.bar.margin_top": "${toString (gaps-in * 2)}px",
+          "theme.bar.margin_sides": "${toString gaps-out}px",
           "theme.bar.margin_bottom": "0px",
-          "theme.bar.border_radius": "${toString config.var.theme.rounding}px",
+          "theme.bar.border_radius": "${toString rounding}px",
 
           "bar.launcher.icon": "",
-          "theme.bar.transparent": ${
-            if config.var.theme.bar.transparent then "true" else "false"
-          },
+          "theme.bar.transparent": ${if transparent then "true" else "false"},
           "bar.workspaces.show_numbered": false,
           "bar.workspaces.workspaces": 5,
           "bar.workspaces.monitorSpecific": true,
@@ -121,19 +125,17 @@
           "bar.bluetooth.label": false,
           "bar.clock.format": "%a %b %d  %I:%M %p",
           "bar.notifications.show_total": true,
-          "theme.notification.border_radius": "${
-            toString config.var.theme.rounding
-          }px",
+          "theme.notification.border_radius": "${toString rounding}px",
           "theme.osd.enable": true,
           "theme.osd.orientation": "vertical",
           "theme.osd.location": "left",
-          "theme.osd.radius": "${toString config.var.theme.rounding}px",
+          "theme.osd.radius": "${toString rounding}px",
           "theme.osd.margins": "0px 0px 0px 10px",
           "theme.osd.muted_zero": true,
-          "menus.clock.weather.location": "${config.var.location}",
+          "menus.clock.weather.location": "${location}",
           "menus.clock.weather.key": "myapikey",
           "menus.clock.weather.unit": "metric",
-          "menus.dashboard.powermenu.avatar.image": "/home/${config.var.username}/.profile_picture.png",
+          "menus.dashboard.powermenu.avatar.image": "/home/${username}/.profile_picture.png",
           "menus.dashboard.powermenu.confirmation": false,
 
           "menus.dashboard.shortcuts.left.shortcut1.icon": "",
@@ -170,61 +172,55 @@
 
           "theme.bar.menus.monochrome": true,
           "wallpaper.enable": false,
-          "theme.bar.menus.background": "#${config.lib.stylix.colors.base00}",
-          "theme.bar.menus.cards": "#${config.lib.stylix.colors.base01}",
-          "theme.bar.menus.card_radius": "${
-            toString config.var.theme.rounding
-          }px",
-          "theme.bar.menus.label": "#${config.lib.stylix.colors.base05}",
-          "theme.bar.menus.text": "#${config.lib.stylix.colors.base05}",
-          "theme.bar.menus.border.size": "${
-            toString config.var.theme.border-size
-          }px",
-          "theme.bar.menus.border.color": "#${config.lib.stylix.colors.base0D}",
-          "theme.bar.menus.border.radius": "${
-            toString config.var.theme.rounding
-          }px",
-          "theme.bar.menus.popover.text": "#${config.lib.stylix.colors.base05}",
-          "theme.bar.menus.popover.background": "#${config.lib.stylix.colors.base01}",
-          "theme.bar.menus.listitems.active": "#${config.lib.stylix.colors.base0D}",
-          "theme.bar.menus.icons.active": "#${config.lib.stylix.colors.base0D}",
-          "theme.bar.menus.switch.enabled": "#${config.lib.stylix.colors.base0D}",
-          "theme.bar.menus.check_radio_button.active": "#${config.lib.stylix.colors.base0D}",
-          "theme.bar.menus.buttons.default": "#${config.lib.stylix.colors.base0D}",
-          "theme.bar.menus.buttons.active": "#${config.lib.stylix.colors.base0D}",
-          "theme.bar.menus.iconbuttons.active": "#${config.lib.stylix.colors.base0D}",
-          "theme.bar.menus.progressbar.foreground": "#${config.lib.stylix.colors.base0D}",
-          "theme.bar.menus.slider.primary": "#${config.lib.stylix.colors.base0D}",
-          "theme.bar.menus.tooltip.background": "#${config.lib.stylix.colors.base01}",
-          "theme.bar.menus.tooltip.text": "#${config.lib.stylix.colors.base05}",
-          "theme.bar.menus.dropdownmenu.background": "#${config.lib.stylix.colors.base01}",
-          "theme.bar.menus.dropdownmenu.text": "#${config.lib.stylix.colors.base05}",
-          "theme.bar.background": "#${config.lib.stylix.colors.base00}",
+          "theme.bar.menus.background": "${background}",
+          "theme.bar.menus.cards": "${background-alt}",
+          "theme.bar.menus.card_radius": "${toString rounding}px",
+          "theme.bar.menus.label": "${foreground}",
+          "theme.bar.menus.text": "${foreground}",
+          "theme.bar.menus.border.size": "${toString border-size}px",
+          "theme.bar.menus.border.color": "${accent}",
+          "theme.bar.menus.border.radius": "${toString rounding}px",
+          "theme.bar.menus.popover.text": "${foreground}",
+          "theme.bar.menus.popover.background": "${background-alt}",
+          "theme.bar.menus.listitems.active": "${accent}",
+          "theme.bar.menus.icons.active": "${accent}",
+          "theme.bar.menus.switch.enabled":"${accent}",
+          "theme.bar.menus.check_radio_button.active": "${accent}",
+          "theme.bar.menus.buttons.default": "${accent}",
+          "theme.bar.menus.buttons.active": "${accent}",
+          "theme.bar.menus.iconbuttons.active": "${accent}",
+          "theme.bar.menus.progressbar.foreground": "${accent}",
+          "theme.bar.menus.slider.primary": "${accent}",
+          "theme.bar.menus.tooltip.background": "${background-alt}",
+          "theme.bar.menus.tooltip.text": "${foreground}",
+          "theme.bar.menus.dropdownmenu.background":"${background-alt}",
+          "theme.bar.menus.dropdownmenu.text": "${foreground}",
+          "theme.bar.background": "${background}",
           "theme.bar.buttons.style": "default",
           "theme.bar.buttons.monochrome": true,
-          "theme.bar.buttons.text": "#${config.lib.stylix.colors.base05}",
-          "theme.bar.buttons.background": "#${config.lib.stylix.colors.base01}",
-          "theme.bar.buttons.icon": "#${config.lib.stylix.colors.base0D}",
-          "theme.bar.buttons.notifications.background": "#${config.lib.stylix.colors.base01}",
-          "theme.bar.buttons.hover": "#${config.lib.stylix.colors.base00}",
-          "theme.bar.buttons.notifications.hover": "#${config.lib.stylix.colors.base00}",
-          "theme.bar.buttons.notifications.total": "#${config.lib.stylix.colors.base0D}",
-          "theme.bar.buttons.notifications.icon": "#${config.lib.stylix.colors.base0D}",
-          "theme.notification.background": "#${config.lib.stylix.colors.base01}",
-          "theme.notification.actions.background": "#${config.lib.stylix.colors.base0D}",
-          "theme.notification.actions.text": "#${config.lib.stylix.colors.base05}",
-          "theme.notification.label": "#${config.lib.stylix.colors.base0D}",
-          "theme.notification.border": "#${config.lib.stylix.colors.base01}",
-          "theme.notification.text": "#${config.lib.stylix.colors.base05}",
-          "theme.notification.labelicon": "#${config.lib.stylix.colors.base0D}",
-          "theme.osd.bar_color": "#${config.lib.stylix.colors.base0D}",
-          "theme.osd.bar_overflow_color": "#${config.lib.stylix.colors.base0A}",
-          "theme.osd.icon": "#${config.lib.stylix.colors.base00}",
-          "theme.osd.icon_container": "#${config.lib.stylix.colors.base0D}",
-          "theme.osd.label": "#${config.lib.stylix.colors.base0D}",
-          "theme.osd.bar_container": "#${config.lib.stylix.colors.base01}",
-          "theme.bar.menus.menu.media.background.color": "#${config.lib.stylix.colors.base01}",
-          "theme.bar.menus.menu.media.card.color": "#${config.lib.stylix.colors.base01}",
+          "theme.bar.buttons.text": "${foreground}",
+          "theme.bar.buttons.background": "${background-alt}",
+          "theme.bar.buttons.icon": "${accent}",
+          "theme.bar.buttons.notifications.background": "${background-alt}",
+          "theme.bar.buttons.hover": "${background}",
+          "theme.bar.buttons.notifications.hover": "${background}",
+          "theme.bar.buttons.notifications.total": "${accent}",
+          "theme.bar.buttons.notifications.icon": "${accent}",
+          "theme.notification.background": "${background-alt}",
+          "theme.notification.actions.background": "${accent}",
+          "theme.notification.actions.text": "${foreground}",
+          "theme.notification.label": "${accent}",
+          "theme.notification.border": "${background-alt}",
+          "theme.notification.text": "${foreground}",
+          "theme.notification.labelicon": "${accent}",
+          "theme.osd.bar_color": "${accent}",
+          "theme.osd.bar_overflow_color": "${accent-alt}",
+          "theme.osd.icon": "${background}",
+          "theme.osd.icon_container": "${accent}",
+          "theme.osd.label": "${accent}",
+          "theme.osd.bar_container": "${background-alt}",
+          "theme.bar.menus.menu.media.background.color": "${background-alt}",
+          "theme.bar.menus.menu.media.card.color": "${background-alt}",
           "theme.bar.menus.menu.media.card.tint": 90,
           "bar.customModules.updates.pollingInterval": 1440000,
           "bar.media.show_active_only": true

home/system/wofi/default.nix

@@ -1,4 +1,12 @@
-{ config, pkgs, lib, ... }: {
+{ config, pkgs, lib, ... }:
+let
+  accent = "#${config.lib.stylix.colors.base0D}";
+  background = "#${config.lib.stylix.colors.base00}";
+  background-alt = "#${config.lib.stylix.colors.base01}";
+  foreground = "#${config.lib.stylix.colors.base05}";
+  font = config.stylix.fonts.serif.name;
+  rounding = config.var.theme.rounding;
+in {
 
   home.packages = with pkgs; [ wofi-emoji ];
 
@@ -37,15 +45,15 @@
       # css
       ''
         * {
-          font-family: "${config.stylix.fonts.serif.name}";
+          font-family: "${font}";
           font-weight: 500;
           font-size: 13px;
         }
 
         #window {
-          background-color: #${config.lib.stylix.colors.base01};
-          color: #${config.lib.stylix.colors.base06};
-          border-radius: ${toString config.var.theme.rounding}px;
+          background-color: ${background};
+          color: ${foreground};
+          border-radius: ${toString rounding}px;
         }
 
         #outer-box {
@@ -53,9 +61,9 @@
         }
 
         #input {
-          background-color: #${config.lib.stylix.colors.base00};
-          border: 0px solid #${config.lib.stylix.colors.base0D};
-          color: #${config.lib.stylix.colors.base05};
+          background-color: ${background-alt};
+          border: 0px solid ${accent};
+          color: ${foreground};
           padding: 8px 12px;
         }
 
@@ -70,11 +78,11 @@
         }
 
         #text {
-          color: #${config.lib.stylix.colors.base05};
+          color: ${foreground};
         }
 
         #text:selected {
-          color: #${config.lib.stylix.colors.base05};
+          color: ${foreground};
         }
 
         #entry {
@@ -82,8 +90,8 @@
         }
 
         #entry:selected {
-          background-color: #${config.lib.stylix.colors.base0D};
-          color: #${config.lib.stylix.colors.base05};
+          background-color: ${accent};
+          color: ${foreground};
         }
 
         #unselected {}
@@ -92,7 +100,7 @@
 
         #input,
         #entry:selected {
-          border-radius: ${toString config.var.theme.rounding}px;
+          border-radius: ${toString rounding}px;
         }
       '';
   };