diff --git a/web/assets/themes/blurple-auto.css b/web/assets/themes/blurple-auto.css
new file mode 100644
index 000000000..817a07248
--- /dev/null
+++ b/web/assets/themes/blurple-auto.css
@@ -0,0 +1,10 @@
+/*
+  theme-title: Blurple (auto)
+  theme-description: Official blurple theme that adapts to system preferences
+*/
+
+/* Default to dark theme */
+@import url("blurple-dark.css");
+
+@import url("blurple-light.css") screen and (prefers-color-scheme: light);
+@import url("blurple-dark.css") screen and (prefers-color-scheme: dark);
diff --git a/web/assets/themes/brutalist-auto.css b/web/assets/themes/brutalist-auto.css
new file mode 100644
index 000000000..080360c87
--- /dev/null
+++ b/web/assets/themes/brutalist-auto.css
@@ -0,0 +1,10 @@
+/*
+  theme-title: Brutalist (auto)
+  theme-description: Official (Pseudo-)monochrome brutality theme that adapts to system preferences
+*/
+
+/* Default to brutalist theme */
+@import url("brutalist.css");
+
+@import url("brutalist.css") screen and (prefers-color-scheme: light);
+@import url("brutalist-dark.css") screen and (prefers-color-scheme: dark);
diff --git a/web/assets/themes/solarized-auto.css b/web/assets/themes/solarized-auto.css
new file mode 100644
index 000000000..8324ef5f7
--- /dev/null
+++ b/web/assets/themes/solarized-auto.css
@@ -0,0 +1,10 @@
+/*
+  theme-title: Solarized (auto)
+  theme-description: Solarized theme that adapts to system preferences
+*/
+
+/* Default to dark theme */
+@import url("solarized-dark.css");
+
+@import url("solarized-light.css") screen and (prefers-color-scheme: light);
+@import url("solarized-dark.css") screen and (prefers-color-scheme: dark);