From e3271579acf110aac8041895a5102eb5afc2d4ca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Tue, 18 Jul 2023 21:16:08 +0200
Subject: [PATCH] Refined follow request banners and empty column indicator

---
 TangerineUI.css | 38 +++++++++++++++++++++++++++++++-------
 1 file changed, 31 insertions(+), 7 deletions(-)

diff --git a/TangerineUI.css b/TangerineUI.css
index edb0909..0204b15 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -964,8 +964,10 @@ body.layout-single-column  {
 
 /* Empty columns */
 .layout-single-column .empty-column-indicator {
-    background-color: var(--color-content-bg);
+    background-color: var(--color-content-secondary-bg);
     color: var(--color-content-fg);
+    border-radius: 7px;
+    contain: content;
 }
 .layout-single-column .empty-column-indicator a {
     color: var(--color-accent);
@@ -973,10 +975,10 @@ body.layout-single-column  {
 
 /* Timeline hint */
 .layout-single-column .timeline-hint {
+    background-color: var(--color-content-secondary-bg);
     color: var(--color-content-fg);
 }
 .layout-single-column .timeline-hint a {
-    background-color: var(--color-content-secondary-bg);
     color: var(--color-accent);
 }
 
@@ -1561,15 +1563,19 @@ body.layout-single-column  {
     border-radius: 7px 7px 0 0;
 }
 
-.follow-request-banner,
-.moved-account-banner {
+.layout-single-column .follow-request-banner,
+.layout-single-column .moved-account-banner {
     background-color: var(--color-accent-bg);
 }
-.follow-request-banner__message,
-.moved-account-banner__message {
+.layout-single-column .moved-account-banner {
+    margin-bottom: 10px;
+    border-radius: 7px;
+}
+.layout-single-column .follow-request-banner__message,
+.layout-single-column .moved-account-banner__message {
     color: var(--color-content-fg);
 }
-.moved-account-banner__message {
+.layout-single-column .moved-account-banner__message {
     font-weight: bold;
 }
 
@@ -2131,15 +2137,33 @@ body.layout-single-column  {
 .layout-single-column .button.button-tertiary.button--destructive {
     background-color: transparent;
 }
+.layout-single-column .button.button-tertiary.button--confirmation {
+    color: #4e8a6b;
+    background-color: rgba(121, 189, 154, 0.3);
+}
+.layout-single-column .button.button-tertiary.button--destructive {
+    color: #df405a;
+    background-color: rgba(223, 64, 90, 0.3);
+}
 .layout-single-column .button.button-tertiary.button--confirmation:active,
 .layout-single-column .button.button-tertiary.button--confirmation:focus,
 .layout-single-column .button.button-tertiary.button--confirmation:hover {
     background-color: #79bd9a;
+    color: #ffffff;
 }
 .layout-single-column .button.button-tertiary.button--destructive:active,
 .layout-single-column .button.button-tertiary.button--destructive:focus,
 .layout-single-column .button.button-tertiary.button--destructive:hover {
     background-color: #df405a;
+    color: #ffffff;
+}
+@media (prefers-color-scheme: dark) {
+    .layout-single-column .button.button-tertiary.button--confirmation {
+        color: #72cb9d;
+    }
+    .layout-single-column .button.button-tertiary.button--destructive {
+        color: #f3637b;
+    }
 }
 .layout-single-column .app-body .block-modal__cancel-button,
 .layout-single-column .app-body .confirmation-modal__cancel-button,