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) {