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;