Merge pull request #6 from yashpokar/bugfix/editor-bg-color

Fixed the theme after component unmounted
yashpokar · Apr 2, 2024 · dd70d54 · dd70d54
2 parents 9380959 + fc02107
commit dd70d54
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/apps/ui/src/components/Editor.tsx b/apps/ui/src/components/Editor.tsx
@@ -8,7 +8,7 @@ const Editor: React.FC = () => {
 
   useEffect(() => {
     monaco?.editor.defineTheme('manas-ai', {
-      base: 'vs-dark',
+      base: isDarkMode ? 'vs-dark' : 'vs',
       inherit: true,
       rules: [],
       colors: {
@@ -23,6 +23,7 @@ const Editor: React.FC = () => {
     <div className="h-full w-full">
       <CodeEditor
         height="100%"
+        theme="manas-ai"
         defaultLanguage="javascript"
         defaultValue={`// Welcome to ManasAI Editor! 🚀