From 440eec92c3413e674713148d56b5af3dee1273ba Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nile=CC=81ane?= <nileanedorffer@gmail.com>
Date: Wed, 15 May 2024 21:09:53 +0200
Subject: [PATCH] Tweaks for Mastodon's new default 'system' theme

---
 TangerineUI-cherry.css | 12 ++++++++++++
 TangerineUI-purple.css | 12 ++++++++++++
 TangerineUI.css        | 12 ++++++++++++
 3 files changed, 36 insertions(+)

diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css
index 8bc636f..872b6f3 100644
--- a/TangerineUI-cherry.css
+++ b/TangerineUI-cherry.css
@@ -3519,6 +3519,18 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
             box-shadow: 0 -10px 0 10px #191b22;
             border-radius: 15px 15px 0 0;
         }
+        @media (prefers-color-scheme: light) {
+            .app-body.theme-system .ui::after {
+                box-shadow: 0 -10px 0 10px #f3f5f7;
+                border-radius: 15px 15px 0 0;
+            }
+        }
+        @media (prefers-color-scheme: dark) {
+            .app-body.theme-system .ui::after {
+                box-shadow: 0 -10px 0 10px #191b22;
+                border-radius: 15px 15px 0 0;
+            }
+        }
     }
     .app-body:not(.layout-multiple-columns) .column-header__collapsible { /* Remove margin between column settings and column header */
         margin-top: 1px;
diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index 8395b17..9406c33 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -3519,6 +3519,18 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
             box-shadow: 0 -10px 0 10px #191b22;
             border-radius: 15px 15px 0 0;
         }
+        @media (prefers-color-scheme: light) {
+            .app-body.theme-system .ui::after {
+                box-shadow: 0 -10px 0 10px #f3f5f7;
+                border-radius: 15px 15px 0 0;
+            }
+        }
+        @media (prefers-color-scheme: dark) {
+            .app-body.theme-system .ui::after {
+                box-shadow: 0 -10px 0 10px #191b22;
+                border-radius: 15px 15px 0 0;
+            }
+        }
     }
     .app-body:not(.layout-multiple-columns) .column-header__collapsible { /* Remove margin between column settings and column header */
         margin-top: 1px;
diff --git a/TangerineUI.css b/TangerineUI.css
index 4afc860..5e91ed6 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -3519,6 +3519,18 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
             box-shadow: 0 -10px 0 10px #191b22;
             border-radius: 15px 15px 0 0;
         }
+        @media (prefers-color-scheme: light) {
+            .app-body.theme-system .ui::after {
+                box-shadow: 0 -10px 0 10px #f3f5f7;
+                border-radius: 15px 15px 0 0;
+            }
+        }
+        @media (prefers-color-scheme: dark) {
+            .app-body.theme-system .ui::after {
+                box-shadow: 0 -10px 0 10px #191b22;
+                border-radius: 15px 15px 0 0;
+            }
+        }
     }
     .app-body:not(.layout-multiple-columns) .column-header__collapsible { /* Remove margin between column settings and column header */
         margin-top: 1px;