chinwag/ChinwagUI
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added outline on login button

Browse source
This commit is contained in:
Niléane 2024-02-28 01:13:42 +01:00
commit 82ab4e17c6
No known key found for this signature in database
3 changed files with 27 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

9
TangerineUI-cherry.css
View file

@ -5663,10 +5663,19 @@ a:is(.active,
border: 0; border: 0;
background-color: var(--color-accent-bg); background-color: var(--color-accent-bg);
color: var(--color-accent); color: var(--color-accent);
outline: 1px solid var(--color-accent-lines);
outline-offset: -1px;
} }
.app-body .button:is(.button-secondary, .button-tertiary):hover { .app-body .button:is(.button-secondary, .button-tertiary):hover {
background-color: var(--color-accent-focus); background-color: var(--color-accent-focus);
color: var(--color-accent-fg); 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 .sign-in-banner .button,
.app-body .button:is(.button-secondary, .button-tertiary) { .app-body .button:is(.button-secondary, .button-tertiary) {

9
TangerineUI-purple.css
View file

@ -5663,10 +5663,19 @@ a:is(.active,
border: 0; border: 0;
background-color: var(--color-accent-bg); background-color: var(--color-accent-bg);
color: var(--color-accent); color: var(--color-accent);
outline: 1px solid var(--color-accent-lines);
outline-offset: -1px;
} }
.app-body .button:is(.button-secondary, .button-tertiary):hover { .app-body .button:is(.button-secondary, .button-tertiary):hover {
background-color: var(--color-accent-focus); background-color: var(--color-accent-focus);
color: var(--color-accent-fg); 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 .sign-in-banner .button,
.app-body .button:is(.button-secondary, .button-tertiary) { .app-body .button:is(.button-secondary, .button-tertiary) {

9
TangerineUI.css
View file

@ -5663,10 +5663,19 @@ a:is(.active,
border: 0; border: 0;
background-color: var(--color-accent-bg); background-color: var(--color-accent-bg);
color: var(--color-accent); color: var(--color-accent);
outline: 1px solid var(--color-accent-lines);
outline-offset: -1px;
} }
.app-body .button:is(.button-secondary, .button-tertiary):hover { .app-body .button:is(.button-secondary, .button-tertiary):hover {
background-color: var(--color-accent-focus); background-color: var(--color-accent-focus);
color: var(--color-accent-fg); 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 .sign-in-banner .button,
.app-body .button:is(.button-secondary, .button-tertiary) { .app-body .button:is(.button-secondary, .button-tertiary) {