Merge pull request #28 from rundevs/development

Add more themes on workbench
rundevs · Aug 14, 2022 · 389e778 · 389e778 · vercel · Aug 14, 2022
2 parents 767f1b1 + 68a9edd
commit 389e778
Show file tree

Hide file tree

Showing 8 changed files with 1,062 additions and 22 deletions.
diff --git a/components/Playground/Editor/Editor.jsx b/components/Playground/Editor/Editor.jsx
@@ -1,7 +1,8 @@
 import React, { useCallback, useRef } from 'react'
 import EditorCode from '@monaco-editor/react'
 import useThemes from '../../../hooks/useThemes'
-import onedark from './onedark.json'
+import onedark from './themes/onedark.json'
+import onelight from './themes/onelight.json'
 import style from './editor.module.css'
 import useSettings from 'hooks/useSettings'
 
@@ -19,6 +20,7 @@ const Editor = ({ initialDoc, onChange }) => {
   const handleEditorDidMount = (editor, monaco) => {
     editorRef.current = editor
     monaco.editor.defineTheme("atom-one-dark", onedark)
+    monaco.editor.defineTheme("atom-one-light", onelight)
     monaco.editor.setTheme(colorTheme === '' ? themeSystem : colorTheme)
   }
 

diff --git a/components/Playground/Editor/onedark.json → ...nts/Playground/Editor/themes/onedark.json b/components/Playground/Editor/onedark.json → ...nts/Playground/Editor/themes/onedark.json