diff --git a/src/index.html b/src/index.html
index db4c0fe..bcda82d 100644
--- a/src/index.html
+++ b/src/index.html
@@ -460,7 +460,7 @@
-
diff --git a/src/script.js b/src/script.js
index 71de9b1..ab8ae4f 100644
--- a/src/script.js
+++ b/src/script.js
@@ -1619,10 +1619,6 @@ customEditorFontInput, cssSettingsModal, cssSettingsBtn, acssSettingsTextarea
$('[data-setting=autoComplete]').checked = prefs.autoComplete;
$('[data-setting=preserveConsoleLogs]').checked = prefs.preserveConsoleLogs;
$('[data-setting=lightVersion]').checked = prefs.lightVersion;
-
- if (!prefs.lightVersion) {
- document.body.classList.add('blur');
- }
}
/**
@@ -1707,6 +1703,10 @@ customEditorFontInput, cssSettingsModal, cssSettingsBtn, acssSettingsTextarea
clearInterval(autoSaveInterval);
autoSaveInterval = null;
}
+
+ document.body.classList[prefs.lightVersion ? 'add' : 'false'](
+ 'light-version'
+ );
};
scope.onNewBtnClick = function() {
diff --git a/src/style.css b/src/style.css
index dc4ebcf..4483607 100644
--- a/src/style.css
+++ b/src/style.css
@@ -118,10 +118,11 @@ select, input[type="text"], input[type="number"], textarea {
will-change: -webkit-filter;
transition: 0.10s ease 0.2s;
}
-.blur.overlay-visible .main-container {
+body:not(.light-version).overlay-visible .main-container {
transition-duration: 0.5s;
transition-delay: 0.4s;
-webkit-filter: blur(3px);
+ filter: blur(3px);
}
.code-side,
.demo-side {