From 83d935709b529d1bc0de1f31f13c2a95772fb483 Mon Sep 17 00:00:00 2001
From: Miodec <jack@monkeytype.com>
Date: Wed, 14 Feb 2024 23:46:59 +0100
Subject: [PATCH] chore: add note about dark mode extensions

---
 frontend/static/html/warnings.html | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/static/html/warnings.html b/frontend/static/html/warnings.html
index 475fa78e8..6d917818f 100644
--- a/frontend/static/html/warnings.html
+++ b/frontend/static/html/warnings.html
@@ -53,6 +53,7 @@
     z-index: 99999;
     padding: 6rem;
     box-sizing: border-box;
+    overflow-y: scroll;
   "
 >
   <style>
@@ -102,7 +103,7 @@
     "
   >
     <span style="font-size: 6rem; color: #e2b714">:(</span>
-    <span style="font-size: 2rem; color: #d1d0c5">
+    <span style="font-size: 1.5rem; color: #d1d0c5">
       It seems like the CSS failed to load. Please try clearing your cache to
       redownload the styles:
       <br />
@@ -159,9 +160,12 @@
       <span
         class="noCssReinstallServiceWorker"
         onclick="reinstallServiceWorker()"
+        style="margin-bottom: 1rem"
       >
         Reinstall
       </span>
+      <br />
+      Various dark mode extensions are also known to cause this issue.
     </span>
     <span>
       If that doesn't help contact support (support@monkeytype.com or