diff --git a/src/index.html b/src/index.html
index f507c84..e8235b9 100644
--- a/src/index.html
+++ b/src/index.html
@@ -455,6 +455,9 @@
 					<label class="line">
 						<input type="checkbox" d-change="updateSetting" data-setting="replaceNewTab"> Replace new tab page
 					</label>
+					<label class="line">
+						<input type="checkbox" d-change="updateSetting" data-setting="useBlur"> Use blur overlay (needs restart)
+					</label>
 				</p>
 				<hr>
 
diff --git a/src/script.js b/src/script.js
index 60ca0af..1e614ee 100644
--- a/src/script.js
+++ b/src/script.js
@@ -1588,6 +1588,11 @@ customEditorFontInput
 		$('[data-setting=editorCustomFont]').value = prefs.editorCustomFont;
 		$('[data-setting=autoSave]').checked = prefs.autoSave;
 		$('[data-setting=autoComplete]').checked = prefs.autoComplete;
+		$('[data-setting=useBlur]').checked = prefs.useBlur;
+
+		if (prefs.useBlur) {
+			document.body.classList.add('blur');
+		}
 	}
 
 	/**
@@ -2154,7 +2159,8 @@ customEditorFontInput
 				editorFont: 'FiraCode',
 				editorCustomFont: '',
 				autoSave: true,
-				autoComplete: true
+				autoComplete: true,
+				useBlur: true
 			},
 			function syncGetCallback(result) {
 				if (result.preserveLastCode && lastCode) {
@@ -2190,6 +2196,7 @@ customEditorFontInput
 				prefs.editorCustomFont = result.editorCustomFont;
 				prefs.autoSave = result.autoSave;
 				prefs.autoComplete = result.autoComplete;
+				prefs.useBlur = result.useBlur;
 
 				updateSettingsInUi();
 				scope.updateSetting();
diff --git a/src/style.css b/src/style.css
index 3dcd712..98a10d5 100644
--- a/src/style.css
+++ b/src/style.css
@@ -117,7 +117,7 @@ select, input[type="text"], input[type="number"],  textarea {
 	will-change: -webkit-filter;
 	transition: 0.10s ease 0.2s;
 }
-.overlay-visible .main-container {
+.blur.overlay-visible .main-container {
 	transition-duration: 0.5s;
 	transition-delay: 0.4s;
 	-webkit-filter: blur(3px);