From c002a8d5832f87424a87fc6be72fa38df8e1a6b7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Fri, 24 Nov 2023 16:47:07 +0100
Subject: [PATCH] Tweaks to logged out interaction modals

---
 TangerineUI-cherry.css | 9 ++++++++-
 TangerineUI-purple.css | 9 ++++++++-
 TangerineUI.css        | 9 ++++++++-
 3 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css
index bb003e1..42c6a39 100644
--- a/TangerineUI-cherry.css
+++ b/TangerineUI-cherry.css
@@ -3846,6 +3846,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 }
 .app-body .interaction-modal__icon {
     vertical-align: middle;
+    display: inline-block;
+    transform: scale(1.4) translateX(-2px);
 }
 .app-body .interaction-modal p {
     color: var(--color-content-fg);
@@ -3887,7 +3889,12 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     padding: 8px 18px;
 }
 .app-body .modal-root__overlay {
-    background-color: hsla(0, 0%, 1%, 0.7);
+    background-color: hsla(0, 0%, 79.5%, 0.7);
+}
+@media (prefers-color-scheme: dark) {
+    .app-body .modal-root__overlay {
+        background-color: hsla(0, 0%, 0%, 0.7);
+    }
 }
 .app-body .modal-root__modal,
 .app-body .boost-modal__container,
diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index 34265ac..0d857bd 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -3846,6 +3846,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 }
 .app-body .interaction-modal__icon {
     vertical-align: middle;
+    display: inline-block;
+    transform: scale(1.4) translateX(-2px);
 }
 .app-body .interaction-modal p {
     color: var(--color-content-fg);
@@ -3887,7 +3889,12 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     padding: 8px 18px;
 }
 .app-body .modal-root__overlay {
-    background-color: hsla(0, 0%, 1%, 0.7);
+    background-color: hsla(0, 0%, 79.5%, 0.7);
+}
+@media (prefers-color-scheme: dark) {
+    .app-body .modal-root__overlay {
+        background-color: hsla(0, 0%, 0%, 0.7);
+    }
 }
 .app-body .modal-root__modal,
 .app-body .boost-modal__container,
diff --git a/TangerineUI.css b/TangerineUI.css
index 89441e0..c3b91c5 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -3846,6 +3846,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 }
 .app-body .interaction-modal__icon {
     vertical-align: middle;
+    display: inline-block;
+    transform: scale(1.4) translateX(-2px);
 }
 .app-body .interaction-modal p {
     color: var(--color-content-fg);
@@ -3887,7 +3889,12 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     padding: 8px 18px;
 }
 .app-body .modal-root__overlay {
-    background-color: hsla(0, 0%, 1%, 0.7);
+    background-color: hsla(0, 0%, 79.5%, 0.7);
+}
+@media (prefers-color-scheme: dark) {
+    .app-body .modal-root__overlay {
+        background-color: hsla(0, 0%, 0%, 0.7);
+    }
 }
 .app-body .modal-root__modal,
 .app-body .boost-modal__container,