Added theming options for the Hypridle module and updated the default icon. (#518)

customModules/config.ts

@@ -684,7 +684,6 @@ export const CustomModuleSettings = (): Scrollable<GtkWidget, Attribute> =>
                     opt: options.bar.customModules.hyprsunset.pollingInterval,
                     title: 'Polling Interval',
                     type: 'number',
-                    subtitle: "WARNING: Be careful of your package manager's rate limit.",
                     min: 100,
                     max: 60 * 24 * 1000,
                     increment: 1000,
@@ -755,7 +754,6 @@ export const CustomModuleSettings = (): Scrollable<GtkWidget, Attribute> =>
                     opt: options.bar.customModules.hypridle.pollingInterval,
                     title: 'Polling Interval',
                     type: 'number',
-                    subtitle: "WARNING: Be careful of your package manager's rate limit.",
                     min: 100,
                     max: 60 * 24 * 1000,
                     increment: 1000,

customModules/theme.ts

@@ -184,6 +184,23 @@ export const CustomModuleTheme = (): Scrollable<GtkWidget, Attribute> => {
                 }),
                 Option({ opt: options.theme.bar.buttons.modules.hyprsunset.border, title: 'Border', type: 'color' }),
 
+                Header('Hypridle'),
+                Option({ opt: options.theme.bar.buttons.modules.hypridle.text, title: 'Text', type: 'color' }),
+                Option({ opt: options.theme.bar.buttons.modules.hypridle.icon, title: 'Icon', type: 'color' }),
+                Option({
+                    opt: options.theme.bar.buttons.modules.hypridle.background,
+                    title: 'Label Background',
+                    type: 'color',
+                }),
+                Option({
+                    opt: options.theme.bar.buttons.modules.hypridle.icon_background,
+                    title: 'Icon Background',
+                    subtitle:
+                        "Applies a background color to the icon section of the button.\nRequires 'split' button styling.",
+                    type: 'color',
+                }),
+                Option({ opt: options.theme.bar.buttons.modules.hypridle.border, title: 'Border', type: 'color' }),
+
                 Header('Power'),
                 Option({ opt: options.theme.bar.buttons.modules.power.icon, title: 'Icon', type: 'color' }),
                 Option({

options.ts

@@ -1128,8 +1128,8 @@ const options = mkOptions(OPTIONS, {
             },
             hypridle: {
                 label: opt(true),
-                onIcon: opt(''),
+                onIcon: opt(''),
-                offIcon: opt(''),
+                offIcon: opt(''),
                 onLabel: opt('On'),
                 offLabel: opt('Off'),
                 pollingInterval: opt(1000 * 2),