From 56843e29d411fa23ee6ecfc1e56ef08afb917ffa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Thu, 29 Feb 2024 15:46:18 +0100
Subject: [PATCH] Restore outline on secondary buttons

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

diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css
index ef58807..f83c667 100644
--- a/TangerineUI-cherry.css
+++ b/TangerineUI-cherry.css
@@ -5737,12 +5737,20 @@ a:is(.active,
     border: 0;
     background-color: var(--color-accent-bg);
     color: var(--color-accent);
+    outline: 1px solid var(--color-accent-lines);
+    outline-offset: -1px;
 }
 .app-body .button:is(.button-secondary, .button-tertiary):hover {
     background-color: var(--color-accent-focus);
     color: var(--color-accent-fg);
     outline-color: var(--color-lines-translucent);
 }
+@media (prefers-color-scheme: dark) {
+    .app-body .button.button-secondary,
+    .app-body .button.button-tertiary {
+        outline: 0;
+    }
+}
 .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 1412fa5..3da0d80 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -5737,12 +5737,20 @@ a:is(.active,
     border: 0;
     background-color: var(--color-accent-bg);
     color: var(--color-accent);
+    outline: 1px solid var(--color-accent-lines);
+    outline-offset: -1px;
 }
 .app-body .button:is(.button-secondary, .button-tertiary):hover {
     background-color: var(--color-accent-focus);
     color: var(--color-accent-fg);
     outline-color: var(--color-lines-translucent);
 }
+@media (prefers-color-scheme: dark) {
+    .app-body .button.button-secondary,
+    .app-body .button.button-tertiary {
+        outline: 0;
+    }
+}
 .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 4b41bcd..f4c2d41 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -5737,12 +5737,20 @@ a:is(.active,
     border: 0;
     background-color: var(--color-accent-bg);
     color: var(--color-accent);
+    outline: 1px solid var(--color-accent-lines);
+    outline-offset: -1px;
 }
 .app-body .button:is(.button-secondary, .button-tertiary):hover {
     background-color: var(--color-accent-focus);
     color: var(--color-accent-fg);
     outline-color: var(--color-lines-translucent);
 }
+@media (prefers-color-scheme: dark) {
+    .app-body .button.button-secondary,
+    .app-body .button.button-tertiary {
+        outline: 0;
+    }
+}
 .app-body .sign-in-banner .button,
 .app-body .button:is(.button-secondary, .button-tertiary) {
     padding: 10px 18px;