diff --git a/src/css/popup.css b/src/css/popup.css
index 58378c74d..4f7b2ac7a 100644
--- a/src/css/popup.css
+++ b/src/css/popup.css
@@ -89,7 +89,7 @@ p {
     margin: 8px 0;
     }
 #switch .fa {
-    color: green;
+    color: #000;
     cursor: pointer;
     font-size: 96px;
     margin: 0;
@@ -97,7 +97,7 @@ p {
 #switch .fa:hover {
     opacity: 0.9;
     }
-#switch.off .fa {
+body.off #switch .fa {
     color: #ccc;
     }
 #switch-hint {
@@ -281,3 +281,18 @@ body.dirty #refresh:hover {
 #dynamicFilteringContainer span.bRule #actionSelector > span:nth-of-type(3) {
     visibility: hidden;
     }
+
+#offOverlay {
+    background-color: #fff;
+    bottom: 0;
+    display: none;
+    left: 0;
+    opacity: 0.4;
+    pointer-events: none;
+    position: absolute;
+    right: 0;
+    top: 0;
+    }
+body.off #offOverlay {
+    display: block;
+    }
diff --git a/src/popup.html b/src/popup.html
index d2769321e..1b8026b0e 100644
--- a/src/popup.html
+++ b/src/popup.html
@@ -35,7 +35,7 @@
             <div><span data-i18n="popup1pScriptRulePrompt"></span><span data-src="/" data-des="*" data-type="1p-script"> </span><span data-src="." data-des="*" data-type="1p-script"> </span></div>
             <div><span data-i18n="popup3pScriptRulePrompt"></span><span data-src="/" data-des="*" data-type="3p-script"> </span><span data-src="." data-des="*" data-type="3p-script"> </span></div>
             <div><span data-i18n="popup3pFrameRulePrompt"></span><span data-src="/" data-des="*" data-type="3p-frame"> </span><span data-src="." data-des="*" data-type="3p-frame"> </span></div>
-            </div>
+            </div><!-- <div id="offOverlay"></div> -->
         </div>
     </div>