diff --git a/src/app/components/vertical-icons-component.js b/src/app/components/vertical-icons-component.js
index 9e01f33856..0d6a44743e 100644
--- a/src/app/components/vertical-icons-component.js
+++ b/src/app/components/vertical-icons-component.js
@@ -35,8 +35,8 @@ class VerticalIconComponent {
     this.store.event.on('remove', (api) => { })
 
     let themeModule = globalRegistry.get('themeModule').api
-    themeModule.events.on('themeChanged', (type) => {
-      this.onThemeChanged(type)
+    themeModule.events.on('themeChanged', (theme) => {
+      this.onThemeChanged(theme.quality)
     })
   }
 
diff --git a/src/app/editor/editor.js b/src/app/editor/editor.js
index 87ca2faa01..34d32a8a77 100644
--- a/src/app/editor/editor.js
+++ b/src/app/editor/editor.js
@@ -52,8 +52,8 @@ class Editor {
       'light': 'chrome',
       'dark': 'chaos'
     }
-    this._deps.themeModule.events.on('themeChanged', (type) => {
-      this.setTheme(type)
+    this._deps.themeModule.events.on('themeChanged', (theme) => {
+      this.setTheme(theme.quality)
     })
 
     // Init
diff --git a/src/app/ui/landing-page/landing-page.js b/src/app/ui/landing-page/landing-page.js
index 340c6cb76b..97651c63e9 100644
--- a/src/app/ui/landing-page/landing-page.js
+++ b/src/app/ui/landing-page/landing-page.js
@@ -161,8 +161,8 @@ export class LandingPage extends BaseApi {
       globalRegistry.get('verticalicon').api.select('fileExplorers')
     }
 
-    globalRegistry.get('themeModule').api.events.on('themeChanged', (type) => {
-      const invert = type === 'dark' ? 1 : 0
+    globalRegistry.get('themeModule').api.events.on('themeChanged', (theme) => {
+      const invert = theme.quality === 'dark' ? 1 : 0
       const img = document.getElementById('remixLogo')
       if (img) {
         img.style.filter = `invert(${invert})`