granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix ToggleSwitch colors

Browse source
This commit is contained in:
Justin Edmund 2022-12-04 09:55:33 -08:00
parent 1244a99a6a
commit a350d0a3da
1 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
components/ToggleSwitch/index.scss
View file

@ -1,5 +1,5 @@
.toggle-switch { .toggle-switch {
background: #fff; background: var(--card-bg);
border-radius: 18px; border-radius: 18px;
display: inline-block; display: inline-block;
position: relative; position: relative;
@ -30,7 +30,7 @@
} }
&-switch { &-switch {
background: #e4e4e4; background: var(--switch-nub); // #e4e4e4;
display: block; display: block;
width: 24px; width: 24px;
margin: 5px; margin: 5px;
@ -40,6 +40,10 @@
right: 24px; right: 24px;
border-radius: 17px; border-radius: 17px;
transition: all 0.18s ease-in 0s; transition: all 0.18s ease-in 0s;
&:hover {
background: var(--background);
}
} }
&-checkbox:checked + &-label { &-checkbox:checked + &-label {