diff --git a/diagrams-demo-gallery/.storybook/manager.js b/diagrams-demo-gallery/.storybook/manager.js
index f20be42..d5a708e 100644
--- a/diagrams-demo-gallery/.storybook/manager.js
+++ b/diagrams-demo-gallery/.storybook/manager.js
@@ -1,6 +1,6 @@
 import { addons } from '@storybook/addons';
-import { themes } from '@storybook/theming';
+import diagramsTheme from "./theme";
 
 addons.setConfig({
-	theme: themes.dark,
+	theme: diagramsTheme,
 });
\ No newline at end of file
diff --git a/diagrams-demo-gallery/.storybook/theme.js b/diagrams-demo-gallery/.storybook/theme.js
new file mode 100644
index 0000000..23017ee
--- /dev/null
+++ b/diagrams-demo-gallery/.storybook/theme.js
@@ -0,0 +1,7 @@
+import { create } from '@storybook/theming';
+
+export default create({
+	base: 'dark',
+	brandTitle: 'STORM React Diagrams',
+	brandUrl: 'https://github.com/projectstorm/react-diagrams'
+});
\ No newline at end of file
diff --git a/diagrams-demo-gallery/demos/SimpleUsage.stories.tsx b/diagrams-demo-gallery/demos/1_SimpleUsage.stories.tsx
similarity index 100%
rename from diagrams-demo-gallery/demos/SimpleUsage.stories.tsx
rename to diagrams-demo-gallery/demos/1_SimpleUsage.stories.tsx
diff --git a/diagrams-demo-gallery/demos/AdvancedUsage.stories.tsx b/diagrams-demo-gallery/demos/2_AdvancedUsage.stories.tsx
similarity index 100%
rename from diagrams-demo-gallery/demos/AdvancedUsage.stories.tsx
rename to diagrams-demo-gallery/demos/2_AdvancedUsage.stories.tsx
diff --git a/diagrams-demo-gallery/demos/Customization.stories.tsx b/diagrams-demo-gallery/demos/3_Customization.stories.tsx
similarity index 100%
rename from diagrams-demo-gallery/demos/Customization.stories.tsx
rename to diagrams-demo-gallery/demos/3_Customization.stories.tsx
diff --git a/diagrams-demo-gallery/demos/Libraries.stories.tsx b/diagrams-demo-gallery/demos/4_Libraries.stories.tsx
similarity index 100%
rename from diagrams-demo-gallery/demos/Libraries.stories.tsx
rename to diagrams-demo-gallery/demos/4_Libraries.stories.tsx