diff --git a/public/index.html b/public/index.html
index 57a4e7ea2..188c76d8a 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2364,6 +2364,20 @@
                 </div>
               </div>
             </div>
+            <div class="section showOutOfFocusWarning">
+              <h1>out of focus warning</h1>
+              <div class="text">
+                Shows an out of focus reminder after 1 second of being 'out of focus' (not being able to type).
+              </div>
+              <div class="buttons">
+                <div class="button off" tabindex="0" onclick="this.blur();">
+                  hide
+                </div>
+                <div class="button on" tabindex="0" onclick="this.blur();">
+                  show
+                </div>
+              </div>
+            </div>
             <div class="sectionSpacer"></div>
           </div>
           <div class="sectionGroupTitle" group="dangerZone">
diff --git a/public/js/settings.js b/public/js/settings.js
index 9c89c643b..0a82d3e05 100644
--- a/public/js/settings.js
+++ b/public/js/settings.js
@@ -154,6 +154,10 @@ settingsGroups.swapEscAndTab = new SettingsGroup(
   "swapEscAndTab",
   setSwapEscAndTab
 );
+settingsGroups.showOutOfFocusWarning = new SettingsGroup(
+  "showOutOfFocusWarning",
+  setShowOutOfFocusWarning
+);
 settingsGroups.colorfulMode = new SettingsGroup(
   "colorfulMode",
   setColorfulMode