From fa193f0e5738b886ba37460589e2aa9fb371a209 Mon Sep 17 00:00:00 2001
From: Jan Prochazka <jan.prochazka@gmail.com>
Date: Mon, 4 Apr 2022 20:50:45 +0200
Subject: [PATCH] theme plugins info

---
 packages/web/src/settings/SettingsModal.svelte | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/packages/web/src/settings/SettingsModal.svelte b/packages/web/src/settings/SettingsModal.svelte
index 82d995adb..b698e733a 100644
--- a/packages/web/src/settings/SettingsModal.svelte
+++ b/packages/web/src/settings/SettingsModal.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
   import _ from 'lodash';
   import FormStyledButton from '../buttons/FormStyledButton.svelte';
+  import Link from '../elements/Link.svelte';
   import TabControl from '../elements/TabControl.svelte';
 
   import FormCheckboxField from '../forms/FormCheckboxField.svelte';
@@ -16,7 +17,7 @@
   import { closeCurrentModal } from '../modals/modalTools';
   import { EDITOR_THEMES, FONT_SIZES } from '../query/AceEditor.svelte';
   import SqlEditor from '../query/SqlEditor.svelte';
-  import { currentEditorFontSize, currentEditorTheme, extensions } from '../stores';
+  import { currentEditorFontSize, currentEditorTheme, extensions, selectedWidget } from '../stores';
   import getElectron from '../utility/getElectron';
   import ThemeSkeleton from './ThemeSkeleton.svelte';
 
@@ -40,6 +41,11 @@ GROUP BY
 ORDER BY
   Artist.Name ASC
   `;
+
+  function openThemePlugins() {
+    closeCurrentModal();
+    $selectedWidget = 'plugins';
+  }
 </script>
 
 <SettingsFormProvider>
@@ -104,6 +110,12 @@ ORDER BY
             {/each}
           </div>
 
+          <div class="m-5">
+            More themes are available as <Link onClick={openThemePlugins}>plugins</Link>
+            <br />
+            After installing theme plugin (try search "theme" in available extensions) new themes will be available here.
+          </div>
+
           <div class="heading">Editor theme</div>
 
           <div class="flex">