From 8354d4a104e29e5bb23db6e556028e4a0dfbbb2d Mon Sep 17 00:00:00 2001
From: Himanshu Mishra <himanshu@orkohunter.net>
Date: Tue, 5 May 2020 02:32:47 +0900
Subject: [PATCH] Set the initial Storybook theme to light (#711)

This fixes the inconsistency if user's OS/Browser theme is set to Dark mode.
---
 packages/storybook/.storybook/config.js | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/storybook/.storybook/config.js b/packages/storybook/.storybook/config.js
index fab204fd9f..941b02718b 100644
--- a/packages/storybook/.storybook/config.js
+++ b/packages/storybook/.storybook/config.js
@@ -1,14 +1,21 @@
 import React from 'react';
-import { addDecorator } from '@storybook/react';
+import { addDecorator, addParameters } from '@storybook/react';
 import { lightTheme, darkTheme } from '@backstage/theme';
 import { CssBaseline, ThemeProvider } from '@material-ui/core';
 import { useDarkMode } from 'storybook-dark-mode';
 import { Content } from '@backstage/core';
 
-addDecorator(story => (
+addDecorator((story) => (
   <ThemeProvider theme={useDarkMode() ? darkTheme : lightTheme}>
     <CssBaseline>
       <Content>{story()}</Content>
     </CssBaseline>
   </ThemeProvider>
 ));
+
+addParameters({
+  darkMode: {
+    // Set the initial theme
+    current: 'light',
+  },
+});