mirror/Tangerine-UI
1
0
Fork 0
mirror of https://github.com/nileane/TangerineUI-for-Mastodon synced 2025-01-19 08:12:49 +09:00
Code

Restore outline on secondary buttons

Browse Source
This commit is contained in:
Niléane 2024-02-29 15:46:18 +01:00
parent 5561740571
commit 56843e29d4
No known key found for this signature in database
3 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
TangerineUI-cherry.css
View File

@ -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;

8
TangerineUI-purple.css
View File

@ -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;

8
TangerineUI.css
View File

@ -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;