diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index d57109c..28f0735 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -4300,7 +4300,12 @@ a:is(.active,
 
 /* Multi-column layout */
 .layout-multiple-columns {
-    --color-bg: #f5f2ef;
+    --color-bg: #f2eff5;
+}
+@media (prefers-color-scheme: dark) {
+    .layout-multiple-columns {
+        --color-bg: #030303;
+    }
 }
 :root:has(.layout-multiple-columns) *::-webkit-scrollbar {
     width: 4px;
diff --git a/TangerineUI.css b/TangerineUI.css
index faeab5f..1b8f0fa 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -4302,6 +4302,11 @@ a:is(.active,
 .layout-multiple-columns {
     --color-bg: #f5f2ef;
 }
+@media (prefers-color-scheme: dark) {
+    .layout-multiple-columns {
+        --color-bg: #030303;
+    }
+}
 :root:has(.layout-multiple-columns) *::-webkit-scrollbar {
     width: 4px;
 }
diff --git a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
index d57109c..28f0735 100644
--- a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
+++ b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
@@ -4300,7 +4300,12 @@ a:is(.active,
 
 /* Multi-column layout */
 .layout-multiple-columns {
-    --color-bg: #f5f2ef;
+    --color-bg: #f2eff5;
+}
+@media (prefers-color-scheme: dark) {
+    .layout-multiple-columns {
+        --color-bg: #030303;
+    }
 }
 :root:has(.layout-multiple-columns) *::-webkit-scrollbar {
     width: 4px;
diff --git a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
index faeab5f..1b8f0fa 100644
--- a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
+++ b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
@@ -4302,6 +4302,11 @@ a:is(.active,
 .layout-multiple-columns {
     --color-bg: #f5f2ef;
 }
+@media (prefers-color-scheme: dark) {
+    .layout-multiple-columns {
+        --color-bg: #030303;
+    }
+}
 :root:has(.layout-multiple-columns) *::-webkit-scrollbar {
     width: 4px;
 }