Fix color of tertiary button on dark theme (#22739) (#22744)

Backport #22739

Before:
<img width="266" alt="Screenshot 2023-02-03 at 14 07 34"
src="https://user-images.githubusercontent.com/115237/216611151-92e98305-c4b5-42f3-b2e2-8b1b805fa644.png">

After:
<img width="271" alt="Screenshot 2023-02-03 at 14 07 52"
src="https://user-images.githubusercontent.com/115237/216611156-878a8a75-39a1-415b-9b6d-4f035985444e.png">

This is the only instance of such a button in all templates.

Co-authored-by: silverwind <me@silverwind.io>
Co-authored-by: Lauris BH <lauris@nix.lv>
Co-authored-by: Lunny Xiao <xiaolunwen@gmail.com>
This commit is contained in:
Yarden Shoham 2023-02-08 17:44:40 +02:00 committed by GitHub
parent 37bbf2c902
commit 3647e62ef9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -2126,9 +2126,7 @@ a.ui.label:hover {
border: 1px solid var(--color-light-border); border: 1px solid var(--color-light-border);
color: var(--color-text); color: var(--color-text);
} }
.ui.tertiary.button {
border: none;
}
.page-content .ui.button { .page-content .ui.button {
box-shadow: none !important; box-shadow: none !important;
} }
@ -2244,6 +2242,15 @@ a.ui.label:hover {
color: var(--color-secondary-dark-8) !important; color: var(--color-secondary-dark-8) !important;
} }
.ui.tertiary.button {
color: var(--color-text-light);
border: none;
}
.ui.tertiary.button:hover {
color: var(--color-text);
}
.ui.primary.label, .ui.primary.label,
.ui.primary.labels .label { .ui.primary.labels .label {
background-color: var(--color-primary) !important; background-color: var(--color-primary) !important;