diff --git a/docs/assets/scss/_styles_project.scss b/docs/assets/scss/_styles_project.scss
new file mode 100644
index 000000000..ef11a3e7a
--- /dev/null
+++ b/docs/assets/scss/_styles_project.scss
@@ -0,0 +1 @@
+@import 'td/code-dark'
diff --git a/docs/assets/scss/_variables_project.scss b/docs/assets/scss/_variables_project.scss
new file mode 100644
index 000000000..6d24d370a
--- /dev/null
+++ b/docs/assets/scss/_variables_project.scss
@@ -0,0 +1 @@
+$primary: #7855FA;
diff --git a/docs/hugo.toml b/docs/hugo.toml
index 61816fd68..61cbb74c6 100644
--- a/docs/hugo.toml
+++ b/docs/hugo.toml
@@ -39,9 +39,10 @@ anchor = "Smart"
       typographer = false
     [markup.goldmark.renderer]
       unsafe = true
-  [markup.highlight]
+    [markup.highlight]
+      noClasses = false # Required for dark-mode
       # See a complete list of available styles at https://xyproto.github.io/splash/docs/all.html
-      style = "tango"
+      # style = "tango"
       # Uncomment if you want your chosen highlight style used for code blocks without a specified language
       # guessSyntax = "true"
 
@@ -97,7 +98,7 @@ offlineSearch = true
 
 # Enable syntax highlighting and copy buttons on code blocks with Prism
 # Default "Chroma" syntax highlighter has no dot support, so use Prism instead
-prism_syntax_highlighting = true
+prism_syntax_highlighting = false
 
 # User interface configuration
 [params.ui]
@@ -120,6 +121,8 @@ sidebar_menu_foldable = true
 
 sidebar_cache_limit = 1000
 
+showLightDarkModeMenu = true
+
 # Adds a H2 section titled "Feedback" to the bottom of each doc. The responses are sent to Google Analytics as events.
 # This feature depends on [services.googleAnalytics] and will be disabled if "services.googleAnalytics.id" is not set.
 # If you want this feature, but occasionally need to remove the "Feedback" section from a single page,
diff --git a/docs/layouts/_default/_markup/render-heading.html b/docs/layouts/_default/_markup/render-heading.html
new file mode 100644
index 000000000..7f8e97424
--- /dev/null
+++ b/docs/layouts/_default/_markup/render-heading.html
@@ -0,0 +1 @@
+{{ template "_default/_markup/td-render-heading.html" . }}