From 776d8378e3c4a74c13de489adadcfd58154cc411 Mon Sep 17 00:00:00 2001
From: Joseph Garrone <joseph.garrone.gj@gmail.com>
Date: Mon, 3 Jun 2024 23:40:33 +0200
Subject: [PATCH] Shorter white flash when changing stories

---
 .storybook/Containers.js | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/.storybook/Containers.js b/.storybook/Containers.js
index ff272f73..abaa9ffb 100644
--- a/.storybook/Containers.js
+++ b/.storybook/Containers.js
@@ -62,11 +62,18 @@ export function DocsContainer({ children, context }) {
 
 export function CanvasContainer({ children }) {
 
+    const isStorybookUiDark = useDarkMode();
+
+    const theme = isStorybookUiDark ? darkTheme : lightTheme;
+
+    const backgroundColor = theme.appBg;
+
     return (
         <>
             <style>{`
                 body {
                     padding: 0 !important;
+                    background-color: ${backgroundColor};
                 }
             `}</style>
             {children}