From a5a658723444b9763b21dd3eb46ffbf9c99100c8 Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Thu, 26 Jan 2023 17:01:08 -0800
Subject: [PATCH] Remove storybook dark mode. It is ugly.

---
 web/.storybook/main.js            |  1 -
 web/.storybook/storybook-theme.js |  5 +----
 web/package-lock.json             | 29 -----------------------------
 web/package.json                  |  1 -
 4 files changed, 1 insertion(+), 35 deletions(-)

diff --git a/web/.storybook/main.js b/web/.storybook/main.js
index ec5566e67..3c1776c38 100644
--- a/web/.storybook/main.js
+++ b/web/.storybook/main.js
@@ -18,7 +18,6 @@ module.exports = {
     '@storybook/addon-postcss',
     '@storybook/addon-a11y',
     'storybook-addon-designs',
-    'storybook-dark-mode',
     'storybook-addon-fetch-mock',
   ],
   webpackFinal: async (config, { configType }) => {
diff --git a/web/.storybook/storybook-theme.js b/web/.storybook/storybook-theme.js
index 12881a6ff..c7ea291bd 100644
--- a/web/.storybook/storybook-theme.js
+++ b/web/.storybook/storybook-theme.js
@@ -1,11 +1,8 @@
 import React from 'react';
 import { DocsContainer as BaseContainer } from '@storybook/addon-docs';
-import { useDarkMode } from 'storybook-dark-mode';
 import { themes } from '@storybook/theming';
 
 export const DocsContainer = ({ children, context }) => {
-  const dark = useDarkMode();
-
   return (
     <BaseContainer
       context={{
@@ -18,7 +15,7 @@ export const DocsContainer = ({ children, context }) => {
               ...storyContext?.parameters,
               docs: {
                 ...storyContext?.parameters?.docs,
-                theme: dark ? themes.dark : themes.light,
+                theme: themes.light,
               },
             },
           };
diff --git a/web/package-lock.json b/web/package-lock.json
index 86f76125b..91cd6b1cb 100644
--- a/web/package-lock.json
+++ b/web/package-lock.json
@@ -106,7 +106,6 @@
 				"sb": "6.5.15",
 				"storybook-addon-designs": "6.3.1",
 				"storybook-addon-fetch-mock": "1.0.1",
-				"storybook-dark-mode": "2.0.5",
 				"storybook-preset-less": "1.1.3",
 				"style-dictionary": "3.7.2",
 				"style-loader": "3.3.1",
@@ -34121,34 +34120,6 @@
 				}
 			}
 		},
-		"node_modules/storybook-dark-mode": {
-			"version": "2.0.5",
-			"resolved": "https://registry.npmjs.org/storybook-dark-mode/-/storybook-dark-mode-2.0.5.tgz",
-			"integrity": "sha512-egOMu2tgGttGAMtFZcDLZobs1xc7LzFOh+pRVqaW59AVp05ABdQ3Hj6IX2Pz7tYGmF9AmaK+nBv0hDFxPe7Hfg==",
-			"dev": true,
-			"dependencies": {
-				"@storybook/addons": "^6.5.14",
-				"@storybook/api": "^6.5.14",
-				"@storybook/components": "^6.5.14",
-				"@storybook/core-events": "^6.5.14",
-				"@storybook/theming": "^6.5.14",
-				"fast-deep-equal": "^3.1.3",
-				"global": "^4.4.0",
-				"memoizerific": "^1.11.3"
-			},
-			"peerDependencies": {
-				"react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-				"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
-			},
-			"peerDependenciesMeta": {
-				"react": {
-					"optional": true
-				},
-				"react-dom": {
-					"optional": true
-				}
-			}
-		},
 		"node_modules/storybook-preset-less": {
 			"version": "1.1.3",
 			"resolved": "https://registry.npmjs.org/storybook-preset-less/-/storybook-preset-less-1.1.3.tgz",
diff --git a/web/package.json b/web/package.json
index 6be2c60da..c6609f747 100644
--- a/web/package.json
+++ b/web/package.json
@@ -111,7 +111,6 @@
 		"sb": "6.5.15",
 		"storybook-addon-designs": "6.3.1",
 		"storybook-addon-fetch-mock": "1.0.1",
-		"storybook-dark-mode": "2.0.5",
 		"storybook-preset-less": "1.1.3",
 		"style-dictionary": "3.7.2",
 		"style-loader": "3.3.1",