From c9409996fec06a886fa86d08a0c634bceb0da59c Mon Sep 17 00:00:00 2001
From: KKlochko <KKlochko@protonmail.com>
Date: Fri, 6 Jun 2025 20:28:00 +0300
Subject: [PATCH] Fix the key mismatch to solve FOUC.

---
 .../components/layouts/root.html.heex                           | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/decentralised_book_index_web/components/layouts/root.html.heex b/lib/decentralised_book_index_web/components/layouts/root.html.heex
index ecbefef..285ba7c 100644
--- a/lib/decentralised_book_index_web/components/layouts/root.html.heex
+++ b/lib/decentralised_book_index_web/components/layouts/root.html.heex
@@ -12,7 +12,7 @@
     </script>
     <script>
       // On page load or when changing themes, best to add inline in `head` to avoid FOUC
-      if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
+      if (localStorage.getItem('theme') === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
         document.documentElement.classList.add('dark');
       } else {
         document.documentElement.classList.remove('dark')