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>
+            );
+        },
+    });
+});
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,