diff --git a/apps/remix-ide/src/index.tsx b/apps/remix-ide/src/index.tsx
index c2495adec8..35b5a56659 100644
--- a/apps/remix-ide/src/index.tsx
+++ b/apps/remix-ide/src/index.tsx
@@ -10,12 +10,14 @@ import { Storage } from '@remix-project/remix-lib'
 
 (async function () {
 
-  // load app config
-  const configStorage = new Storage('config-v0.8:')
-  const config = new Config(configStorage)
-  Registry.getInstance().put({ api: config, name: 'config' })
-  const theme = new ThemeModule()
-  theme.initTheme()
+  // load current theme befor anything else
+  try {
+    const configStorage = new Storage('config-v0.8:')
+    const config = new Config(configStorage)
+    Registry.getInstance().put({ api: config, name: 'config' })
+    const theme = new ThemeModule()
+    theme.initTheme()
+  } catch (e) { }
 
   render(
     <React.StrictMode>