From 2b4c98188bbbad7e7f71b8f114e09d2eed795aad Mon Sep 17 00:00:00 2001
From: kawamataryo <ba068082@gmail.com>
Date: Mon, 25 Nov 2024 08:40:10 +0900
Subject: [PATCH] chore: add dark mode

---
 .storybook/main.ts |  1 +
 package-lock.json  | 69 ++++++++++++++++++++++++++++++++++++++++++++--
 package.json       |  1 +
 3 files changed, 69 insertions(+), 2 deletions(-)

diff --git a/.storybook/main.ts b/.storybook/main.ts
index 0791d1b..a3a4c83 100644
--- a/.storybook/main.ts
+++ b/.storybook/main.ts
@@ -7,6 +7,7 @@ const config: StorybookConfig = {
     "@storybook/addon-essentials",
     "@chromatic-com/storybook",
     "@storybook/addon-interactions",
+    "storybook-dark-mode",
   ],
   framework: {
     name: "@storybook/react-vite",
diff --git a/package-lock.json b/package-lock.json
index e1c4605..2ae3772 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "sky-follower-bridge",
-  "version": "1.1.0",
+  "version": "1.3.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "sky-follower-bridge",
-      "version": "1.1.0",
+      "version": "1.3.0",
       "dependencies": {
         "@atproto/api": "^0.13.12",
         "@changesets/cli": "^2.27.1",
@@ -45,6 +45,7 @@
         "postcss-nesting": "^13.0.1",
         "prettier": "3.2.4",
         "storybook": "^8.4.5",
+        "storybook-dark-mode": "^4.0.2",
         "tailwindcss": "^3.4.1",
         "typescript": "5.3.3"
       }
@@ -6587,6 +6588,19 @@
         }
       }
     },
+    "node_modules/@storybook/core-events": {
+      "version": "8.4.5",
+      "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-8.4.5.tgz",
+      "integrity": "sha512-+DeYpAuav9E/Q5x5BVrMpf+XBFbVQJuJbVXNiglZcJNH13D/G2WDToOYAbGviZ6CBvbUdjlqC7y9+/emwP78bA==",
+      "dev": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0"
+      }
+    },
     "node_modules/@storybook/core/node_modules/semver": {
       "version": "7.6.3",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
@@ -10622,6 +10636,12 @@
         "node": ">=4"
       }
     },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true
+    },
     "node_modules/fast-fifo": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/fast-fifo/-/fast-fifo-1.3.2.tgz",
@@ -15706,6 +15726,22 @@
         }
       }
     },
+    "node_modules/storybook-dark-mode": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/storybook-dark-mode/-/storybook-dark-mode-4.0.2.tgz",
+      "integrity": "sha512-zjcwwQ01R5t1VsakA6alc2JDIRVtavryW8J3E3eKLDIlAMcvsgtpxlelWkZs2cuNspk6Z10XzhQVrUWtYc3F0w==",
+      "dev": true,
+      "dependencies": {
+        "@storybook/components": "^8.0.0",
+        "@storybook/core-events": "^8.0.0",
+        "@storybook/global": "^5.0.0",
+        "@storybook/icons": "^1.2.5",
+        "@storybook/manager-api": "^8.0.0",
+        "@storybook/theming": "^8.0.0",
+        "fast-deep-equal": "^3.1.3",
+        "memoizerific": "^1.11.3"
+      }
+    },
     "node_modules/stream-transform": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/stream-transform/-/stream-transform-2.1.3.tgz",
@@ -21851,6 +21887,13 @@
         }
       }
     },
+    "@storybook/core-events": {
+      "version": "8.4.5",
+      "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-8.4.5.tgz",
+      "integrity": "sha512-+DeYpAuav9E/Q5x5BVrMpf+XBFbVQJuJbVXNiglZcJNH13D/G2WDToOYAbGviZ6CBvbUdjlqC7y9+/emwP78bA==",
+      "dev": true,
+      "requires": {}
+    },
     "@storybook/csf": {
       "version": "0.1.11",
       "resolved": "https://registry.npmjs.org/@storybook/csf/-/csf-0.1.11.tgz",
@@ -24700,6 +24743,12 @@
         "tmp": "^0.0.33"
       }
     },
+    "fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true
+    },
     "fast-fifo": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/fast-fifo/-/fast-fifo-1.3.2.tgz",
@@ -28149,6 +28198,22 @@
         "@storybook/core": "8.4.5"
       }
     },
+    "storybook-dark-mode": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/storybook-dark-mode/-/storybook-dark-mode-4.0.2.tgz",
+      "integrity": "sha512-zjcwwQ01R5t1VsakA6alc2JDIRVtavryW8J3E3eKLDIlAMcvsgtpxlelWkZs2cuNspk6Z10XzhQVrUWtYc3F0w==",
+      "dev": true,
+      "requires": {
+        "@storybook/components": "^8.0.0",
+        "@storybook/core-events": "^8.0.0",
+        "@storybook/global": "^5.0.0",
+        "@storybook/icons": "^1.2.5",
+        "@storybook/manager-api": "^8.0.0",
+        "@storybook/theming": "^8.0.0",
+        "fast-deep-equal": "^3.1.3",
+        "memoizerific": "^1.11.3"
+      }
+    },
     "stream-transform": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/stream-transform/-/stream-transform-2.1.3.tgz",
diff --git a/package.json b/package.json
index a6fbe8d..55e4859 100644
--- a/package.json
+++ b/package.json
@@ -59,6 +59,7 @@
     "postcss-nesting": "^13.0.1",
     "prettier": "3.2.4",
     "storybook": "^8.4.5",
+    "storybook-dark-mode": "^4.0.2",
     "tailwindcss": "^3.4.1",
     "typescript": "5.3.3"
   },