refactor: make the whole thing more generic

modules/home-manager/desktops/hyprland/ags/js/settings/theme.js

@@ -0,0 +1,68 @@
+import App from "resource:///com/github/Aylur/ags/app.js";
+import options from "../options.js";
+import themes from "../themes.js";
+import { reloadScss } from "./scss.js";
+import { setupHyprland } from "./hyprland.js";
+import { wallpaper } from "./wallpaper.js";
+
+/** @param {string} name */
+export function setTheme(name) {
+  options.reset();
+  const theme = themes.find((t) => t.name === name);
+  if (!theme) return print("No theme named " + name);
+
+  options.apply(theme.options);
+  reloadScss();
+  setupHyprland();
+  wallpaper();
+}
+
+export const WP = App.configDir + "/assets/";
+
+export const lightColors = {
+  "theme.scheme": "light",
+  "color.red": "#d20f39",
+  "color.green": "#40a02b",
+  "color.yellow": "#df8e1d",
+  "color.blue": "#1e66f5",
+  "color.magenta": "#8839ef",
+  "color.teal": "#179299",
+  "color.orange": "#fe640b",
+  "theme.bg": "transparentize(#eff1f5, 0.3)",
+  "theme.fg": "#4c4f69",
+};
+
+export const darkColors = {
+  "theme.scheme": "dark",
+  "color.red": "#e78284",
+  "color.green": "#a6d189",
+  "color.yellow": "#e5c890",
+  "color.blue": "#8caaee",
+  "color.magenta": "#ca9ee6",
+  "color.teal": "#81c8be",
+  "color.orange": "#ef9f76",
+  "theme.bg": "transparentize(#303446, 0.3)",
+  "theme.fg": "#c6d0f5",
+};
+
+export const Theme = ({ name, icon = " ", ...options }) => ({
+  name,
+  icon,
+  options: {
+    "theme.name": name,
+    "theme.icon": icon,
+    ...options,
+  },
+});
+
+let settingsDialog;
+export async function openSettings() {
+  if (settingsDialog) return settingsDialog.present();
+
+  try {
+    settingsDialog = (await import("./SettingsDialog.js")).default;
+    settingsDialog.present();
+  } catch (error) {
+    if (error instanceof Error) console.error(error.message);
+  }
+}