From 82ab4e17c6ed4ad857a100fc7365d1a095ba227e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Wed, 28 Feb 2024 01:13:42 +0100
Subject: [PATCH] Added outline on login button

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

diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css
index 9213c95..4e78947 100644
--- a/TangerineUI-cherry.css
+++ b/TangerineUI-cherry.css
@@ -5663,10 +5663,19 @@ 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) {
diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index 47a0fb3..a4806e1 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -5663,10 +5663,19 @@ 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) {
diff --git a/TangerineUI.css b/TangerineUI.css
index a296e9c..d0948da 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -5663,10 +5663,19 @@ 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) {