From 538ad15967e01472c79cb91c5a98015c0e231f61 Mon Sep 17 00:00:00 2001
From: Dima Shugaev <shuga2704@gmail.com>
Date: Fri, 5 Dec 2025 10:34:33 +0300
Subject: [PATCH 1/2] feat(): update

---
 packages/plasma-new-hope/.storybook/theme.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/plasma-new-hope/.storybook/theme.js b/packages/plasma-new-hope/.storybook/theme.js
index 1fb43a2a47..6e34be6079 100644
--- a/packages/plasma-new-hope/.storybook/theme.js
+++ b/packages/plasma-new-hope/.storybook/theme.js
@@ -4,7 +4,7 @@ export default create({
     base: 'light',
 
     // UI
-    appBg: '#FFFFFF',
+    appBg: 'red',
     appContentBg: '#FFFFFF',
     appBorderColor: 'rgba(0, 0, 0, 0.16)',
     appBorderRadius: 4,

From 116d46a35f301429277ecc1cb5e0f21c429472ae Mon Sep 17 00:00:00 2001
From: Dima Shugaev <shuga2704@gmail.com>
Date: Sat, 6 Dec 2025 13:41:27 +0300
Subject: [PATCH 2/2] feat(): update

---
 .../plasma-new-hope/.storybook/manager.js     | 26 ++++++++++++++++++-
 1 file changed, 25 insertions(+), 1 deletion(-)

diff --git a/packages/plasma-new-hope/.storybook/manager.js b/packages/plasma-new-hope/.storybook/manager.js
index 25f151fa74..32b3336b59 100644
--- a/packages/plasma-new-hope/.storybook/manager.js
+++ b/packages/plasma-new-hope/.storybook/manager.js
@@ -1,6 +1,30 @@
-import { addons } from 'storybook/manager-api';
+import { addons, types } from 'storybook/manager-api';
 import theme from './theme';
+import React from 'react';
 
 addons.setConfig({
     theme,
 });
+
+addons.register('theme-switcher', (api) => {
+    addons.add('theme-switcher/tool', {
+        title: 'Theme Switcher',
+        type: types.TOOL,
+        match: ({ viewMode }) => viewMode === 'story',
+        render: () => {
+            const isDark = localStorage.getItem('sbTheme') === 'dark';
+
+            return (
+                <button
+                    onClick={() => {
+                        const newTheme = isDark ? 'light' : 'dark';
+                        localStorage.setItem('sbTheme', newTheme);
+                        location.reload(); // Storybook needs refresh to apply UI theme
+                    }}
+                >
+                    {isDark ? '🌞 Light' : '🌚 Dark'}
+                </button>
+            );
+        },
+    });
+});