diff --git a/.stylelintrc.json b/.stylelintrc.json
index 139033f638da34caa21e2c6c3572c6423b9f6bc2..108fc517f8cba7c23c5661e4d13d262cc224cd9d 100644
--- a/.stylelintrc.json
+++ b/.stylelintrc.json
@@ -1,6 +1,7 @@
 {
   "ignoreFiles" : [
     "assets/css/just-the-docs.scss",
+    "assets/css/dark-mode-preview.scss",
     "_sass/vendor/**/*.scss"
   ],
   "extends": [
diff --git a/assets/css/dark-mode-preview.scss b/assets/css/dark-mode-preview.scss
new file mode 100644
index 0000000000000000000000000000000000000000..f30f9e0cdc930e9cb2df4f3bcae7dcbc5a8c8d0d
--- /dev/null
+++ b/assets/css/dark-mode-preview.scss
@@ -0,0 +1,41 @@
+---
+# this ensures Jekyll reads the file to be transformed into CSS later
+# only Main files contain this front matter, not partials.
+---
+
+//
+// Import external dependencies
+//
+
+@import "./vendor/normalize.scss/normalize.scss";
+
+//
+// Import Just the docs scss
+//
+
+// Support
+@import "./support/support";
+
+//
+// Import custom color scheme scss
+//
+
+@import "./color_schemes/dark.scss";
+
+// Modules
+@import "./base";
+@import "./layout";
+@import "./content";
+@import "./navigation";
+@import "./typography";
+@import "./labels";
+@import "./buttons";
+@import "./search";
+@import "./tables";
+@import "./code";
+@import "./utilities/utilities";
+
+//
+// Import custom overrides
+//
+@import "./custom/custom";