diff --git a/src/App.vue b/src/App.vue
index 8930e9c9..806c33e4 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -89,5 +89,6 @@ export default {
 @import '@/styles/dimensions.scss';
 @import '@/styles/color-themes.scss';
 @import '@/styles/typography.scss';
+@import '@/styles/user-defined-themes.scss';
 
 </style>
diff --git a/src/styles/user-defined-themes.scss b/src/styles/user-defined-themes.scss
new file mode 100644
index 00000000..362ce3bd
--- /dev/null
+++ b/src/styles/user-defined-themes.scss
@@ -0,0 +1,12 @@
+// Put your custom themes here.
+// Don't forget to also put your theme name into the config
+// E.g: appConfig: cssThemes: [ 'my-theme' ]
+
+// Example theme:
+// html[data-theme='my-theme'] {
+//   --primary: #00CCB4;
+//   --background: #141b33;
+//   --background-darker: #060913;
+// }
+
+// For more info, see: https://github.com/Lissy93/dashy/blob/master/docs/theming.md