ags: config option for symbolic icon theme (#547)

2024-05-28 21:59:22 +07:00
parent e5339a146b
commit d6a34b1d07
5 changed files with 35 additions and 17 deletions
@@ -0,0 +1,28 @@
+import GLib from 'gi://GLib';
+import App from 'resource:///com/github/Aylur/ags/app.js'
+import * as Utils from 'resource:///com/github/Aylur/ags/utils.js'
+
+export const COMPILED_STYLE_DIR = `${GLib.get_user_cache_dir()}/ags/user/generated`
+
+export const handleStyles = () => {
+    // Reset
+    Utils.exec(`mkdir -p "${GLib.get_user_state_dir()}/ags/scss"`);
+    Utils.exec(`bash -c 'echo "" > ${GLib.get_user_state_dir()}/ags/scss/_musicwal.scss'`); // reset music styles
+    Utils.exec(`bash -c 'echo "" > ${GLib.get_user_state_dir()}/ags/scss/_musicmaterial.scss'`); // reset music styles
+    // Generate overrides
+    Utils.writeFile(`
+@mixin symbolic-icon {
+    -gtk-icon-theme: '${userOptions.icons.symbolicIconTheme}';
+}
+    `, `${GLib.get_user_state_dir()}/ags/scss/_lib_mixins_overrides.scss`)
+    // Compile and apply
+    async function applyStyle() {
+        Utils.exec(`mkdir -p ${COMPILED_STYLE_DIR}`);
+        Utils.exec(`sass -I "${GLib.get_user_state_dir()}/ags/scss" -I "${App.configDir}/scss/fallback" "${App.configDir}/scss/main.scss" "${COMPILED_STYLE_DIR}/style.css"`);
+        App.resetCss();
+        App.applyCss(`${COMPILED_STYLE_DIR}/style.css`);
+        console.log('[LOG] Styles loaded')
+    }
+    applyStyle().catch(print);
+}
+