diff --git a/src/stories/ThemeSwitcher.stories.jsx b/src/stories/ThemeSwitcher.stories.jsx
new file mode 100644
index 0000000..f285b15
--- /dev/null
+++ b/src/stories/ThemeSwitcher.stories.jsx
@@ -0,0 +1,20 @@
+import ThemeSwitcher from "../components/ui/themeSwitcher/ThemeSwitcher.jsx";
+import Background from "../components/background/background.jsx";
+
+export default {
+    title: 'UI/ThemeSwitcher',
+    component: ThemeSwitcher,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+};
+
+const ThemeSwitcherRender = () => {
+    return <Background>
+        <ThemeSwitcher />
+    </Background>
+};
+
+export const Default = () => <ThemeSwitcherRender />;
+