This commit is contained in:
syuilo 2023-01-07 15:00:29 +09:00
parent 799a653b44
commit 49a0b6c48b
3 changed files with 14 additions and 14 deletions

View File

@ -73,9 +73,9 @@ const toggle = () => {
width: 32px;
height: 23px;
outline: none;
background: var(--swutchOffBg);
background: var(--switchOffBg);
background-clip: content-box;
border: solid 1px var(--swutchOffBg);
border: solid 1px var(--switchOffBg);
border-radius: 999px;
cursor: pointer;
transition: inherit;
@ -87,7 +87,7 @@ const toggle = () => {
left: 3px;
width: 15px;
height: 15px;
background: var(--swutchOffFg);
background: var(--switchOffFg);
border-radius: 999px;
transition: all 0.2s ease;
}
@ -131,12 +131,12 @@ const toggle = () => {
&.checked {
> .button {
background-color: var(--swutchOnBg) !important;
border-color: var(--swutchOnBg) !important;
background-color: var(--switchOnBg) !important;
border-color: var(--switchOnBg) !important;
> .knob {
left: 12px;
background: var(--swutchOnFg);
background: var(--switchOnFg);
}
}
}

View File

@ -60,10 +60,10 @@
buttonHoverBg: 'rgba(255, 255, 255, 0.1)',
buttonGradateA: '@accent',
buttonGradateB: ':hue<20<@accent',
swutchOffBg: 'rgba(255, 255, 255, 0.1)',
swutchOffFg: ':alpha<0.8<@fg',
swutchOnBg: '@accentedBg',
swutchOnFg: '@accent',
switchOffBg: 'rgba(255, 255, 255, 0.1)',
switchOffFg: ':alpha<0.8<@fg',
switchOnBg: '@accentedBg',
switchOnFg: '@accent',
inputBorder: 'rgba(255, 255, 255, 0.1)',
inputBorderHover: 'rgba(255, 255, 255, 0.2)',
listItemHoverBg: 'rgba(255, 255, 255, 0.03)',

View File

@ -60,10 +60,10 @@
buttonHoverBg: 'rgba(0, 0, 0, 0.1)',
buttonGradateA: '@accent',
buttonGradateB: ':hue<20<@accent',
swutchOffBg: 'rgba(0, 0, 0, 0.1)',
swutchOffFg: '@panel',
swutchOnBg: '@accent',
swutchOnFg: '@fgOnAccent',
switchOffBg: 'rgba(0, 0, 0, 0.1)',
switchOffFg: '@panel',
switchOnBg: '@accent',
switchOnFg: '@fgOnAccent',
inputBorder: 'rgba(0, 0, 0, 0.1)',
inputBorderHover: 'rgba(0, 0, 0, 0.2)',
listItemHoverBg: 'rgba(0, 0, 0, 0.03)',