From fe972b1e21548e50560f895dc15ba314ad46c368 Mon Sep 17 00:00:00 2001
From: Himanshu Mishra <himanshu@orkohunter.net>
Date: Mon, 20 Apr 2020 17:17:42 +0900
Subject: [PATCH] Use storybook-dark-mode addon to toggle light/dark mode

See the project https://github.com/hipstersmoothie/storybook-dark-mode
---
 packages/storybook/.storybook/main.js |  1 +
 packages/storybook/package.json       |  3 ++-
 yarn.lock                             | 12 ++++++++++--
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/packages/storybook/.storybook/main.js b/packages/storybook/.storybook/main.js
index 530cd161ec..42121521f2 100644
--- a/packages/storybook/.storybook/main.js
+++ b/packages/storybook/.storybook/main.js
@@ -9,6 +9,7 @@ module.exports = {
     '@storybook/addon-actions',
     '@storybook/addon-links',
     '@storybook/addon-storysource',
+    'storybook-dark-mode/register',
   ],
   webpackFinal: async config => {
     config.resolve.alias = {
diff --git a/packages/storybook/package.json b/packages/storybook/package.json
index 435c0d397e..00e4f82da8 100644
--- a/packages/storybook/package.json
+++ b/packages/storybook/package.json
@@ -18,7 +18,8 @@
     "@storybook/addon-links": "^5.3.17",
     "@storybook/addon-storysource": "^5.3.18",
     "@storybook/addons": "^5.3.17",
-    "@storybook/react": "^5.3.17"
+    "@storybook/react": "^5.3.17",
+    "storybook-dark-mode": "^0.4.1"
   },
   "dependencies": {
     "@backstage/theme": "0.1.1-alpha.4"
diff --git a/yarn.lock b/yarn.lock
index 97018734a9..78198b0cc2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7226,7 +7226,7 @@ cyclist@^1.0.1:
   resolved "https://registry.npmjs.org/cyclist/-/cyclist-1.0.1.tgz#596e9698fd0c80e12038c2b82d6eb1b35b6224d9"
   integrity sha1-WW6WmP0MgOEgOMK4LW6xs1tiJNk=
 
-cypress@*, cypress@4.2.0, cypress@^4.2.0:
+cypress@*, cypress@^4.2.0:
   version "4.2.0"
   resolved "https://registry.npmjs.org/cypress/-/cypress-4.2.0.tgz#45673fb648b1a77b9a78d73e58b89ed05212d243"
   integrity sha512-8LdreL91S/QiTCLYLNbIjLL8Ht4fJmu/4HGLxUI20Tc7JSfqEfCmXELrRfuPT0kjosJwJJZacdSji9XSRkPKUw==
@@ -8726,7 +8726,7 @@ fast-deep-equal@^2.0.1:
   resolved "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz#7b05218ddf9667bf7f370bf7fdb2cb15fdd0aa49"
   integrity sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk=
 
-fast-deep-equal@^3.1.1:
+fast-deep-equal@^3.0.0, fast-deep-equal@^3.1.1:
   version "3.1.1"
   resolved "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.1.tgz#545145077c501491e33b15ec408c294376e94ae4"
   integrity sha512-8UEa58QDLauDNfpbrX55Q9jrGHThw2ZMdOky5Gl1CDtVeJDPVrG4Jxx1N8jw2gkWaff5UUuX1KJd+9zGe2B+ZA==
@@ -18423,6 +18423,14 @@ store2@^2.7.1:
   resolved "https://registry.npmjs.org/store2/-/store2-2.10.0.tgz#46b82bb91878daf1b0d56dec2f1d41e54d5103cf"
   integrity sha512-tWEpK0snS2RPUq1i3R6OahfJNjWCQYNxq0+by1amCSuw0mXtymJpzmZIeYpA1UAa+7B0grCpNYIbDcd7AgTbFg==
 
+storybook-dark-mode@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.npmjs.org/storybook-dark-mode/-/storybook-dark-mode-0.4.1.tgz#8bd4aa12f5fa9691ae9b422be76cc2095b432329"
+  integrity sha512-QGH6/eOmqXZFOGWA/2tLD1verRCcfmIgxxmK2kwIyfVXGFdGA3DCQttqWCCfm/4MwJeOR+6NqtPeN8GEqg9+oQ==
+  dependencies:
+    fast-deep-equal "^3.0.0"
+    memoizerific "^1.11.3"
+
 stream-browserify@^2.0.1:
   version "2.0.2"
   resolved "https://registry.npmjs.org/stream-browserify/-/stream-browserify-2.0.2.tgz#87521d38a44aa7ee91ce1cd2a47df0cb49dd660b"