Added the ability to export the current color config/theme. (#120)

* Added the ability to export the current color config/theme.

* Added the ability to import a theme.

* Added the ability to import a config only.

* Created preset themes for popular palettes.

* Restart AGS once settings/theme is imported.

* Added tokyo night theme

* Added rose pine themes.

* Move themes

* Organize files

widget/settings/pages/config/general/index.ts

@@ -12,6 +12,16 @@ export const BarGeneral = () => {
             Option({ opt: options.theme.font.name, title: 'Font', type: 'font' }),
             Option({ opt: options.theme.font.size, title: 'Font Size', type: 'string' }),
             Option({ opt: options.theme.font.weight, title: 'Font Weight', subtitle: "100, 200, 300, etc.", type: 'number', increment: 100, min: 100, max: 900 }),
+            Option({
+                opt: options.dummy,
+                title: 'Config',
+                subtitle: 'WARNING: Importing a configuration will replace your current configuration settings.',
+                type: 'config_import',
+                exportData: {
+                    filePath: OPTIONS,
+                    themeOnly: false
+                }
+            }),
             Option({ opt: options.terminal, title: 'Terminal', subtitle: "Tools such as 'btop' will open in this terminal", type: 'string' }),
 
             Header('On Screen Display'),

widget/settings/pages/theme/menus/index.ts

@@ -13,6 +13,16 @@ export const MenuTheme = () => {
             vertical: true,
             children: [
                 Header('General'),
+                Option({
+                    opt: options.dummy,
+                    title: 'Theme',
+                    subtitle: 'WARNING: Importing a theme will replace your current theme color settings.',
+                    type: 'config_import',
+                    exportData: {
+                        filePath: OPTIONS,
+                        themeOnly: true
+                    }
+                }),
                 Option({ opt: options.theme.bar.menus.monochrome, title: 'Use Global Colors', type: 'boolean', disabledBinding: options.theme.matugen }),
                 Option({ opt: options.wallpaper.enable, title: 'Apply Wallpapers', subtitle: 'Whether to apply the wallpaper or to only use it for Matugen color generation.', type: 'boolean' }),
                 Option({ opt: options.wallpaper.image, title: 'Wallpaper', subtitle: options.wallpaper.image.bind("value"), type: 'wallpaper' }),