From 167e368764cb87f1732b13102be1aab8e1ec4ee5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nile=CC=81ane?= <nileanedorffer@gmail.com>
Date: Wed, 17 Jul 2024 17:38:43 +0200
Subject: [PATCH] Adjustements to account hover cards

---
 TangerineUI-cherry.css | 10 ++++++++++
 TangerineUI-purple.css | 10 ++++++++++
 TangerineUI.css        | 12 +++++++++++-
 3 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css
index d99ac70..b361be7 100644
--- a/TangerineUI-cherry.css
+++ b/TangerineUI-cherry.css
@@ -6424,9 +6424,19 @@ a:is(.active,
     background-color: color-mix(in srgb, var(--color-accent), transparent 82%);
     color: var(--color-accent);
 }
+.app-body .hover-card .button {
+    background-color: var(--color-accent);
+    color: var(--color-accent-fg);
+    line-height: 22px;
+    padding: 10px 18px;
+}
 .app-body .button:is(.button-secondary, .button-tertiary):hover {
     background-color: color-mix(in srgb, var(--color-accent), transparent 70%);
 }
+.app-body .button.button--destructive:is(:active, :hover, :focus) {
+    background-color: var(--color-reject);
+    color: var(--color-accent-fg);
+}
 .app-body .sign-in-banner .button,
 .app-body .button:is(.button-secondary, .button-tertiary) {
     padding: 10px 18px;
diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index e501efc..4d8c42d 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -6424,9 +6424,19 @@ a:is(.active,
     background-color: color-mix(in srgb, var(--color-accent), transparent 82%);
     color: var(--color-accent);
 }
+.app-body .hover-card .button {
+    background-color: var(--color-accent);
+    color: var(--color-accent-fg);
+    line-height: 22px;
+    padding: 10px 18px;
+}
 .app-body .button:is(.button-secondary, .button-tertiary):hover {
     background-color: color-mix(in srgb, var(--color-accent), transparent 70%);
 }
+.app-body .button.button--destructive:is(:active, :hover, :focus) {
+    background-color: var(--color-reject);
+    color: var(--color-accent-fg);
+}
 .app-body .sign-in-banner .button,
 .app-body .button:is(.button-secondary, .button-tertiary) {
     padding: 10px 18px;
diff --git a/TangerineUI.css b/TangerineUI.css
index 690bdb3..2731cf4 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -4354,7 +4354,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     background-image: var(--icon-globe-accent);
 }
 .app-body .hover-card {
-    background-color: var(--color-content-bg);
+    background-color: color-mix(in srgb, var(--color-content-bg), transparent 30%);
     border-color: var(--color-lines);
 }
 
@@ -6424,9 +6424,19 @@ a:is(.active,
     background-color: color-mix(in srgb, var(--color-accent), transparent 82%);
     color: var(--color-accent);
 }
+.app-body .hover-card .button {
+    background-color: var(--color-accent);
+    color: var(--color-accent-fg);
+    line-height: 22px;
+    padding: 10px 18px;
+}
 .app-body .button:is(.button-secondary, .button-tertiary):hover {
     background-color: color-mix(in srgb, var(--color-accent), transparent 70%);
 }
+.app-body .button.button--destructive:is(:active, :hover, :focus) {
+    background-color: var(--color-reject);
+    color: var(--color-accent-fg);
+}
 .app-body .sign-in-banner .button,
 .app-body .button:is(.button-secondary, .button-tertiary) {
     padding: 10px 18px;