Edit matugen and hyprlock to separate the two

.config/hypr/hyprlock-colors.conf

@@ -0,0 +1,10 @@
+# This configuration is generated by matugen
+# Changing these variables with matugen still enabled will overwrite them.
+
+$text_color = rgba(FFDAD6FF)
+$entry_background_color = rgba(41000311)
+$entry_border_color = rgba(896E6C55)
+$entry_color = rgba(FFDAD6FF)
+$font_family = Rubik Light
+$font_family_clock = Rubik Light
+$font_material_symbols = Material Symbols Rounded

.config/hypr/hyprlock.conf

@@ -1,10 +1,4 @@
-$text_color = rgba(FFDAD6FF)
+source=~/.config/hypr/hyprlock-colors.conf
-$entry_background_color = rgba(41000311)
-$entry_border_color = rgba(896E6C55)
-$entry_color = rgba(FFDAD6FF)
-$font_family = Rubik Light
-$font_family_clock = Rubik Light
-$font_material_symbols = Material Symbols Rounded
 
 background {
     color = rgba(181818FF)

.config/matugen/config.toml

@@ -10,8 +10,8 @@ input_path = '~/.config/matugen/templates/hyprland/colors.conf'
 output_path = '~/.config/hypr/hyprland/colors.conf'
 
 [templates.hyprlock]
-input_path = '~/.config/matugen/templates/hyprland/hyprlock.conf'
+input_path = '~/.config/matugen/templates/hyprland/hyprlock-colors.conf'
-output_path = '~/.config/hypr/hyprlock.conf'
+output_path = '~/.config/hypr/hyprlock-colors.conf'
 
 [templates.fuzzel]
 input_path = '~/.config/matugen/templates/fuzzel/fuzzel_theme.ini'

.config/matugen/templates/hyprlock-colors.conf

@@ -0,0 +1,10 @@
+# This configuration is generated by matugen
+# Changing these variables with matugen still enabled will overwrite them.
+
+$text_color = rgba({{colors.primary_fixed.default.hex_stripped}}FF)
+$entry_background_color = rgba({{colors.on_primary_fixed.default.hex_stripped}}11)
+$entry_border_color = rgba({{colors.outline.default.hex_stripped}}55)
+$entry_color = rgba({{colors.primary_fixed.default.hex_stripped}}FF)
+$font_family = Rubik
+$font_family_clock = Space Grotesk DemiBold
+$font_material_symbols = Material Symbols Rounded

.config/quickshell/ii/modules/settings/ServicesConfig.qml

@@ -3,7 +3,9 @@ import QtQuick.Layouts
 import qs
 import qs.services
 import qs.modules.common
+import qs.modules.common.functions
 import qs.modules.common.widgets
+import Quickshell
 
 ContentPage {
     forceWidth: true
@@ -211,7 +213,14 @@ ContentPage {
                 currentValue: Config.options.time.format
                 configOptionName: "time.format"
                 onSelected: newValue => {
+                    if (newValue === "hh:mm") {
+                        Quickshell.execDetached(["bash", "-c", `sed -i 's/\\TIME12\\b/TIME/' '${FileUtils.trimFileProtocol(Directories.config)}/hypr/hyprlock.conf'`]);
+                    } else {
+                        Quickshell.execDetached(["bash", "-c", `sed -i 's/\\TIME\\b/TIME12/' '${FileUtils.trimFileProtocol(Directories.config)}/hypr/hyprlock.conf'`]);
+                    }
+
                     Config.options.time.format = newValue;
+                    
                 }
                 options: [
                     {