diff --git a/package-lock.json b/package-lock.json
index df578e3a..aca5a63c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -25,6 +25,7 @@
         "@storybook/svelte": "^7.2.1",
         "@storybook/svelte-webpack5": "^7.2.1",
         "@storybook/testing-library": "^0.2.0",
+        "@storybook/theming": "^7.4.6",
         "@testing-library/jest-dom": "^5.13.0",
         "@testing-library/svelte": "^3.0.3",
         "@tsconfig/svelte": "^2.0.1",
@@ -7295,6 +7296,19 @@
         "url": "https://opencollective.com/storybook"
       }
     },
+    "node_modules/@storybook/client-logger": {
+      "version": "7.4.6",
+      "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.4.6.tgz",
+      "integrity": "sha512-XDw31ZziU//86PKuMRnmc+L/G0VopaGKENQOGEpvAXCU9IZASwGKlKAtcyosjrpi+ZiUXlMgUXCpXM7x3b1Ehw==",
+      "dev": true,
+      "dependencies": {
+        "@storybook/global": "^5.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      }
+    },
     "node_modules/@storybook/codemod": {
       "version": "7.4.4",
       "resolved": "https://registry.npmjs.org/@storybook/codemod/-/codemod-7.4.4.tgz",
@@ -8644,6 +8658,26 @@
         "node": ">=8"
       }
     },
+    "node_modules/@storybook/theming": {
+      "version": "7.4.6",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-7.4.6.tgz",
+      "integrity": "sha512-HW77iJ9ptCMqhoBOYFjRQw7VBap+38fkJGHP5KylEJCyYCgIAm2dEcQmtWpMVYFssSGcb6djfbtAMhYU4TL4Iw==",
+      "dev": true,
+      "dependencies": {
+        "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0",
+        "@storybook/client-logger": "7.4.6",
+        "@storybook/global": "^5.0.0",
+        "memoizerific": "^1.11.3"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/@storybook/types": {
       "version": "7.4.4",
       "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.4.4.tgz",
@@ -33401,6 +33435,15 @@
         }
       }
     },
+    "@storybook/client-logger": {
+      "version": "7.4.6",
+      "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.4.6.tgz",
+      "integrity": "sha512-XDw31ZziU//86PKuMRnmc+L/G0VopaGKENQOGEpvAXCU9IZASwGKlKAtcyosjrpi+ZiUXlMgUXCpXM7x3b1Ehw==",
+      "dev": true,
+      "requires": {
+        "@storybook/global": "^5.0.0"
+      }
+    },
     "@storybook/codemod": {
       "version": "7.4.4",
       "resolved": "https://registry.npmjs.org/@storybook/codemod/-/codemod-7.4.4.tgz",
@@ -34400,6 +34443,18 @@
         }
       }
     },
+    "@storybook/theming": {
+      "version": "7.4.6",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-7.4.6.tgz",
+      "integrity": "sha512-HW77iJ9ptCMqhoBOYFjRQw7VBap+38fkJGHP5KylEJCyYCgIAm2dEcQmtWpMVYFssSGcb6djfbtAMhYU4TL4Iw==",
+      "dev": true,
+      "requires": {
+        "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0",
+        "@storybook/client-logger": "7.4.6",
+        "@storybook/global": "^5.0.0",
+        "memoizerific": "^1.11.3"
+      }
+    },
     "@storybook/types": {
       "version": "7.4.4",
       "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.4.4.tgz",
diff --git a/package.json b/package.json
index 28937f8b..0cc8203f 100644
--- a/package.json
+++ b/package.json
@@ -48,6 +48,7 @@
     "@storybook/svelte": "^7.2.1",
     "@storybook/svelte-webpack5": "^7.2.1",
     "@storybook/testing-library": "^0.2.0",
+    "@storybook/theming": "^7.4.6",
     "@testing-library/jest-dom": "^5.13.0",
     "@testing-library/svelte": "^3.0.3",
     "@tsconfig/svelte": "^2.0.1",