Merge pull request #775 from FathyMuhamed/feat/add-editor-theme-command

feat(Command Menu): add editor theme option with translations

Author: hatemhosny

src/livecodes/UI/command-menu-actions.ts

@@ -1,4 +1,4 @@
-import type { Config, INinjaAction, TemplateName } from '../models';
+import type { Config, INinjaAction, Screen, TemplateName } from '../models';
 import { appLanguages } from '../i18n/app-languages';
 import { languageIsEnabled, languages, processorIsEnabled, processors } from '../languages';
 import { isMac, predefinedValues, stringUnionToArray } from '../utils/utils';
@@ -12,6 +12,7 @@ export const getCommandMenuActions = ({
     loadStarterTemplate: (templateName: TemplateName) => Promise<void>;
     changeEditorSettings: (config: Partial<Config>) => void;
     changeLayout: (layout: Config['layout']) => void;
+    showScreen: (screen: Screen['screen'], options?: any) => Promise<void>;
   };
 }) => {
   const { getConfig, loadStarterTemplate, changeEditorSettings, changeLayout } = deps;
@@ -947,6 +948,17 @@ export const getCommandMenuActions = ({
             UI.getThemeColorContainer()?.querySelector('input')?.click();
           },
         },
+        {
+          id: 'editor theme',
+          title: window.deps.translateString('editorSettings.editorTheme', 'Editor Theme'),
+          content: getContent('Editor Theme'),
+          mdIcon: 'palette',
+          handler: () => {
+            deps.showScreen('editor-settings', {
+              scrollToSelector: ':has(+ label[data-name^="editorTheme"])',
+            });
+          },
+        },
       ],
     },
     {

src/livecodes/core.ts

@@ -2665,6 +2665,7 @@ const handleKeyboardShortcutsScreen = () => {
       loadStarterTemplate,
       changeEditorSettings,
       changeLayout: changeAndSaveLayout,
+      showScreen,
     },
   });
 
@@ -2738,6 +2739,7 @@ const handleCommandMenu = async () => {
         loadStarterTemplate,
         changeEditorSettings,
         changeLayout: changeAndSaveLayout,
+        showScreen,
       },
     });
     const authAction = authService?.isLoggedIn() ? logoutAction : loginAction;