diff --git a/src/web/OutputWaiter.mjs b/src/web/OutputWaiter.mjs
index 408037c3..7203a16f 100755
--- a/src/web/OutputWaiter.mjs
+++ b/src/web/OutputWaiter.mjs
@@ -423,6 +423,8 @@ class OutputWaiter {
      */
     backgroundMagic() {
         this.hideMagicButton();
+        if (!this.app.options.autoMagic) return;
+
         const sample = this.dishStr ? this.dishStr.slice(0, 1000) :
             this.dishBuffer ? this.dishBuffer.slice(0, 1000) : "";
 
diff --git a/src/web/html/index.html b/src/web/html/index.html
index 9999b4b5..8748b510 100755
--- a/src/web/html/index.html
+++ b/src/web/html/index.html
@@ -285,7 +285,7 @@
                             </button>
                             <span id="stale-indicator" class="hidden" data-toggle="tooltip" title="The output is stale. The input or recipe has changed since this output was generated. Bake again to get the new value.">
                                 <i class="material-icons">access_time</i>
-                            </span> 
+                            </span>
                         </div>
                         <div class="textarea-wrapper">
                             <div id="output-highlighter" class="no-select"></div>
@@ -492,6 +492,13 @@
                                 Use meta key for keybindings (Windows ⊞/Command ⌘)
                             </label>
                         </div>
+
+                        <div class="checkbox option-item">
+                            <label for="autoMagic">
+                                <input type="checkbox" option="autoMagic" id="autoMagic">
+                                Attempt to detect encoded data automagically
+                            </label>
+                        </div>
                     </div>
                     <div class="modal-footer">
                         <button type="button" class="btn btn-secondary" id="reset-options">Reset options to default</button>
diff --git a/src/web/index.js b/src/web/index.js
index 53f6edca..911a1532 100755
--- a/src/web/index.js
+++ b/src/web/index.js
@@ -51,7 +51,8 @@ function main() {
         theme:               "classic",
         useMetaKey:          false,
         ioDisplayThreshold:  512,
-        logLevel:            "info"
+        logLevel:            "info",
+        autoMagic:           true,
     };
 
     document.removeEventListener("DOMContentLoaded", main, false);
diff --git a/src/web/stylesheets/utils/_overrides.css b/src/web/stylesheets/utils/_overrides.css
index 0d4aaaf1..014da99a 100755
--- a/src/web/stylesheets/utils/_overrides.css
+++ b/src/web/stylesheets/utils/_overrides.css
@@ -165,7 +165,7 @@ optgroup {
 }
 
 .nav-tabs .nav-link {
-    color: var(--subtext-font-color);
+    color: var(--subtext-font-colour);
 }
 
 .nav-tabs>li>a.nav-link.active, .nav-tabs>li>a.nav-link.active:focus, .nav-tabs>li>a.nav-link.active:hover {