From 0891ff4f379297b4ef6c925eda008c704378b5b9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Thu, 16 Nov 2023 17:34:50 +0100
Subject: [PATCH] MultiColumn - Fixed background color for the purple variant

---
 TangerineUI-purple.css                                     | 7 ++++++-
 TangerineUI.css                                            | 5 +++++
 .../styles/tangerineui-purple/layout-single-column.scss    | 7 ++++++-
 .../styles/tangerineui/layout-single-column.scss           | 5 +++++
 4 files changed, 22 insertions(+), 2 deletions(-)

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;
 }