worldcone/cherrypick
2
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

enhance: Change button gradient color

Browse source
This commit is contained in:
NoriDev 2022-09-03 23:48:29 +09:00
parent d9341c65a7
commit 75a0a7abfe
3 changed files with 8 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
packages/client/src/components/ui/button.vue
View file

@ -189,11 +189,11 @@ export default defineComponent({
background: linear-gradient(90deg, var(--buttonGradateA), var(--buttonGradateB));
&:not(:disabled):hover {
background: linear-gradient(90deg, var(--X8), var(--X8));
background: linear-gradient(90deg, var(--cherryX8), var(--pickX8));
}
&:not(:disabled):active {
background: linear-gradient(90deg, var(--X8), var(--X8));
background: linear-gradient(90deg, var(--cherryX8), var(--pickX8));
}
}

6
packages/client/src/themes/_dark.json5
View file

@ -59,8 +59,8 @@
cwHoverBg: '#707b97',
buttonBg: 'rgba(255, 255, 255, 0.05)',
buttonHoverBg: 'rgba(255, 255, 255, 0.1)',
buttonGradateA: '@accent',
buttonGradateB: ':hue<20<@accent',
buttonGradateA: '@cherry',
buttonGradateB: '@pick',
swutchOffBg: 'rgba(255, 255, 255, 0.1)',
swutchOffFg: '@fg',
swutchOnBg: '@accentedBg',
@ -82,8 +82,10 @@
deckDivider: '#000',
htmlThemeColor: '@bg',
cherry: '#ffa9c3',
cherryX8: ':lighten<5<@cherry',
pick: '#95e3e8',
pickLighten: ':lighten<10<@pick',
pickX8: ':lighten<5<@pick',
X2: ':darken<2<@panel',
X3: 'rgba(255, 255, 255, 0.05)',
X4: 'rgba(255, 255, 255, 0.1)',

4
packages/client/src/themes/_light.json5
View file

@ -59,8 +59,8 @@
cwHoverBg: '#bbc4ce',
buttonBg: 'rgba(0, 0, 0, 0.05)',
buttonHoverBg: 'rgba(0, 0, 0, 0.1)',
buttonGradateA: '@accent',
buttonGradateB: ':hue<20<@accent',
buttonGradateA: '@cherry',
buttonGradateB: '@pick',
swutchOffBg: 'rgba(0, 0, 0, 0.1)',
swutchOffFg: '@panel',
swutchOnBg: '@accent',