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

View File

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

View File

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