From 8ae64f2b27fee60eb368cd8cd0325ee31ae9ebf6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Mon, 10 Jul 2023 17:51:37 +0200
Subject: [PATCH] Added support for interaction modals

---
 TangerineUIforMastodon-singlecolumnlayout.css | 32 ++++++++++++++++---
 1 file changed, 27 insertions(+), 5 deletions(-)

diff --git a/TangerineUIforMastodon-singlecolumnlayout.css b/TangerineUIforMastodon-singlecolumnlayout.css
index 40a4b94..e289b4f 100644
--- a/TangerineUIforMastodon-singlecolumnlayout.css
+++ b/TangerineUIforMastodon-singlecolumnlayout.css
@@ -1649,6 +1649,32 @@ body.layout-single-column  {
 
 
 
+/* 🖱️ Interaction modals
+   --------------------- */
+.layout-single-column .interaction-modal {
+    background-color: var(--color-content-bg);
+}
+.layout-single-column .interaction-modal,
+.layout-single-column .interaction-modal__lead h3 {
+    color: var(--color-content-fg);
+}
+.layout-single-column .interaction-modal__lead p,
+.layout-single-column .interaction-modal__choices__choice p {
+    color: var(--color-fg);
+}
+.layout-single-column .interaction-modal .button,
+.layout-single-column .interaction-modal .button.tertiary {
+    padding: 10px 18px;
+}
+.layout-single-column .copypaste input {
+    border-color: var(--color-accent);
+    background-color: var(--color-content-bg);
+    color: var(--color-content-fg);
+}
+.layout-single-column .interaction-modal .copypaste button {
+    padding: 7px 18px;
+}
+
 /* ⏺️ UI components : buttons, toggles, ...
    ---------------------------------------- */
 .layout-single-column .button,
@@ -1708,9 +1734,6 @@ body.layout-single-column  {
 .layout-single-column .icon-button:hover {
     background-color: var(--color-accent-bg);
 }
-.layout-single-column .copypaste input {
-    border-color: var(--color-accent);
-}
 .layout-single-column .language-dropdown__dropdown__results__item.active,
 .layout-single-column .language-dropdown__dropdown__results__item.active:hover {
     background-color: var(--color-accent);
@@ -1953,8 +1976,7 @@ body.layout-single-column  {
     padding-bottom: 4em;
 }
 .layout-single-column .about__meta, 
-.layout-single-column .about__section__title,
-.layout-single-column .interaction-modal {
+.layout-single-column .about__section__title {
     color: var(--color-accent);
     background-color: var(--color-content-secondary-bg);
     border: 0;