From 3e6fb8c780dfd1e652103b22bfdd080edafef183 Mon Sep 17 00:00:00 2001
From: Nilay Majorwar <nilaymajorwar@gmail.com>
Date: Tue, 22 Feb 2022 02:22:33 +0530
Subject: [PATCH] Prevent white flash on loading page

---
 ui/providers/dark-mode-provider.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/ui/providers/dark-mode-provider.tsx b/ui/providers/dark-mode-provider.tsx
index ee7c3b6..cfc7169 100644
--- a/ui/providers/dark-mode-provider.tsx
+++ b/ui/providers/dark-mode-provider.tsx
@@ -35,6 +35,8 @@ export const DarkModeProvider = ({
           height: "100%",
           backgroundColor: isDark ? Colors.DARK_GRAY2 : Colors.GRAY4,
         }}
+        // This prevents white flash when loading/refreshing the page
+        className={isDark ? Classes.DARK : ""}
       >
         {children}
       </div>