fix: fix theme style error issue.

Author: jaywcjlove

core/package.json

@@ -42,9 +42,9 @@
   "dependencies": {
     "@codemirror/state": "^6.5.2",
     "@codemirror/view": "^6.36.7",
-    "@uiw/codemirror-extensions-langs": "^4.19.16",
-    "@uiw/codemirror-themes-all": "^4.19.16",
-    "@uiw/react-codemirror": "^4.19.16",
+    "@uiw/codemirror-extensions-langs": "~4.23.14",
+    "@uiw/codemirror-themes-all": "~4.23.14",
+    "@uiw/react-codemirror": "~4.23.14",
     "dom-to-image-more": "^3.5.0",
     "react-keywords": "^1.0.0",
     "styled-components": "^5.3.5"

core/src/components/toolbar/Themes.tsx

@@ -66,11 +66,12 @@ export const ThemeView = () => {
     setTheme(ev.currentTarget.dataset.theme as ThemeValue);
   };
   const themeName = (Object.keys(themes) as Array<keyof typeof themes>).filter(
-    (name) => !/(^defaultSettings|Init$)/.test(name),
+    (name) => !/(^defaultsettings|init$)/.test(name.toLocaleLowerCase()) && !/(style$)/.test(name.toLocaleLowerCase()),
   );
   return (
     <Wrapper>
       {themeName.map((keyName, index) => {
+        let themefn = themes[keyName] as Extension;
         return (
           <ThemeSample key={index} data-theme={keyName} onClick={handleClick}>
             <Header>
@@ -82,7 +83,7 @@ export const ThemeView = () => {
               basicSetup={basicSetup}
               editable={false}
               extensions={[langs.jsx()]}
-              theme={themes[keyName] as Extension}
+              theme={themefn}
             />
           </ThemeSample>
         );