Merge pull request #1822 from umap-project/switch-dark-color

feat: use accent color for switch and multichoices on dark background
This commit is contained in:
Yohan Boniface 2024-05-17 17:21:51 +02:00 committed by GitHub
commit dfb78b32b3
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -449,9 +449,10 @@ input.switch:checked ~ label:before {
text-indent: 0.7em; text-indent: 0.7em;
text-align: left; text-align: left;
font-weight: bold; font-weight: bold;
}
.dark input.switch:checked ~ label:before { .dark input.switch:checked ~ label:before {
border: none; border: none;
} background-color: var(--color-accent);
} }
input.switch:checked ~ label:after { input.switch:checked ~ label:after {
margin-left: 3em; margin-left: 3em;
@ -497,7 +498,7 @@ input.switch:checked ~ label:after {
background-color: #2c3233; background-color: #2c3233;
} }
.umap-multiplechoice input[type='radio']:checked + label { .umap-multiplechoice input[type='radio']:checked + label {
background-color: var(--color-lightCyan); background-color: var(--color-accent);
box-shadow: inset 0 0 6px 0px #2c3233; box-shadow: inset 0 0 6px 0px #2c3233;
color: var(--color-darkGray); color: var(--color-darkGray);
} }