From ec5e8cf084d00f9a69665279f039aec5c8b9c105 Mon Sep 17 00:00:00 2001
From: end-4 <97237370+end-4@users.noreply.github.com>
Date: Mon, 22 Jul 2024 18:20:17 +0700
Subject: [PATCH] add gradience settings to color panel

---
 .config/ags/modules/indicators/colorscheme.js | 30 ++++++++++++++++++-
 .config/ags/scss/_lib_classes.scss            |  3 ++
 2 files changed, 32 insertions(+), 1 deletion(-)

diff --git a/.config/ags/modules/indicators/colorscheme.js b/.config/ags/modules/indicators/colorscheme.js
index bb1b912a..b91375b5 100644
--- a/.config/ags/modules/indicators/colorscheme.js
+++ b/.config/ags/modules/indicators/colorscheme.js
@@ -104,7 +104,7 @@ const initScheme = Utils.exec(`bash -c "sed -n \'3p\' ${LIGHTDARK_FILE_LOCATION}
 const initSchemeIndex = calculateSchemeInitIndex(schemeOptionsArr, initScheme);
 
 const ColorSchemeSettings = () => Widget.Box({
-    className: 'osd-colorscheme-settings spacing-v-5',
+    className: 'osd-colorscheme-settings spacing-v-5 margin-20',
     vertical: true,
     vpack: 'center',
     children: [
@@ -142,6 +142,34 @@ const ColorSchemeSettings = () => Widget.Box({
                             .catch(print);
                     },
                 }),
+                Widget.Box({
+                    tooltipText: 'Theme GTK apps using accent color\n(drawback: dark/light mode switching requires restart)',
+                    className: 'txt spacing-h-5 configtoggle-box',
+                    children: [
+                        MaterialIcon('imagesearch_roller', 'norm'),
+                        Widget.Label({
+                            className: 'txt txt-small',
+                            label: 'Use Gradience',
+                        }),
+                        Widget.Box({ hexpand: true }),
+                        ConfigMulipleSelection({
+                            hpack: 'center',
+                            vpack: 'center',
+                            optionsArr: [
+                                [{ name: 'Off', value: 0 }, { name: 'On', value: 1 }],
+                            ],
+                            initIndex: [-1, -1],
+                            onChange: (value, name) => {
+                                const ADWAITA_BLUE = "#3584E4";
+                                if (value) execAsync([`bash`, `-c`, `${App.configDir}/scripts/color_generation/switchcolor.sh - --yes-gradience`, `&`])
+                                    .catch(print);
+                                else execAsync([`bash`, `-c`, `${App.configDir}/scripts/color_generation/switchcolor.sh "${ADWAITA_BLUE}" --no-gradience`, `&`])
+                                    .catch(print);
+
+                            },
+                        }),
+                    ]
+                }),
             ]
         }),
         Widget.Box({
diff --git a/.config/ags/scss/_lib_classes.scss b/.config/ags/scss/_lib_classes.scss
index 50daefc7..7a0068c3 100644
--- a/.config/ags/scss/_lib_classes.scss
+++ b/.config/ags/scss/_lib_classes.scss
@@ -414,6 +414,9 @@
     .padding-#{$spacing} {
         padding: 0.068rem * $spacing;
     }
+    .margin-#{$spacing} {
+        padding: 0.068rem * $spacing;
+    }
 }
 
 .width-10 {