setting playground

packages/editor/src/components/playground/PlaygroundController.tsx

@@ -102,7 +102,7 @@ const SetThemeRow = (props: SetThemeRowProps): JSX.Element => {
       <div className="row mt-3">
         <h2>default</h2>
         <div className="col">
-          {createItems(Object.keys(AllEditorTheme))}
+          {createItems(AllEditorTheme)}
         </div>
       </div>
     </>

packages/editor/src/services/editor-theme/index.ts

@@ -23,3 +23,5 @@ export const getEditorTheme = async(themeName: string): Promise<Extension> => {
   }
   return (await import('./original-light')).originalLight;
 };
+
+export const AllEditorTheme = ['DefaultLight', 'Eclipse', 'Basic', 'Ayu', 'Rosé Pine', 'DefaultDark', 'Material', 'Nord', 'Cobalt', 'Kimbie'];