chore: add dark mode

.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",

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",

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"
   },