From 468cd13e185aa597aef966a65c6943081695524e Mon Sep 17 00:00:00 2001
From: "Leon.kov" <kovzel.leo@gmail.com>
Date: Sat, 16 Mar 2024 15:33:05 +0300
Subject: [PATCH] feat: add storybook themes

---
 config/storybook/main.js    | 8 +++++++-
 config/storybook/preview.js | 9 +++++++++
 package.json                | 3 ++-
 3 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/config/storybook/main.js b/config/storybook/main.js
index 4c0a347..f81327b 100644
--- a/config/storybook/main.js
+++ b/config/storybook/main.js
@@ -4,9 +4,15 @@ module.exports = {
     ],
     addons: [
         '@storybook/addon-links',
-        '@storybook/addon-essentials',
+        {
+            name: '@storybook/addon-essentials',
+            options: {
+                backgrounds: false,
+            },
+        },
         '@storybook/addon-interactions',
         'storybook-addon-mock/register',
+        'storybook-addon-themes',
     ],
     framework: '@storybook/react',
     core: {
diff --git a/config/storybook/preview.js b/config/storybook/preview.js
index 0dffa6a..abc9db8 100644
--- a/config/storybook/preview.js
+++ b/config/storybook/preview.js
@@ -14,6 +14,15 @@ export const parameters = {
         },
     },
     layout: 'fullscreen',
+    themes: {
+        default: 'light',
+        list: [
+            { name: 'light', class: Theme.LIGHT, color: '#ffffff' },
+            { name: 'dark', class: Theme.DARK, color: '#000000' },
+            { name: 'orange', class: Theme.ORANGE, color: '#ffb005' },
+        ],
+    },
+
 };
 
 addDecorator(StyleDecorator);
diff --git a/package.json b/package.json
index dd9e9c2..89cfab9 100644
--- a/package.json
+++ b/package.json
@@ -104,7 +104,8 @@
     "@vitejs/plugin-react": "^2.1.0",
     "vite": "^3.1.0",
     "vite-plugin-svgr": "^2.2.1",
-    "eslint-plugin-unused-imports": "^2.0.0"
+    "eslint-plugin-unused-imports": "^2.0.0",
+    "storybook-addon-themes": "^6.1.0"
   },
   "dependencies": {
     "@reduxjs/toolkit": "^1.8.0",