mirror/naive-ui
2
0
Fork 0
mirror of https://github.com/tusen-ai/naive-ui.git synced 2025-03-07 13:48:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor: buttonColor -> buttonColor2

Browse Source
This commit is contained in:
07akioni 2021-11-21 23:47:33 +08:00
parent 41ec01137b
commit 1f942ef972
3 changed files with 19 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/_styles/common/dark.ts
View File

@ -183,9 +183,9 @@ const derived: ThemeCommonVars = {
opacityDisabled: base.alphaDisabled,
inputColorDisabled: overlay(base.alphaDisabledInput),
buttonColor: 'rgba(255, 255, 255, .06)',
buttonColorHover: 'rgba(255, 255, 255, .09)',
buttonColorPressed: 'rgba(255, 255, 255, .05)',
buttonColor2: 'rgba(255, 255, 255, .06)',
buttonColor2Hover: 'rgba(255, 255, 255, .09)',
buttonColor2Pressed: 'rgba(255, 255, 255, .05)',
boxShadow1:
'0 1px 2px -2px rgba(0, 0, 0, .24), 0 3px 6px 0 rgba(0, 0, 0, .18), 0 5px 12px 4px rgba(0, 0, 0, .12)',

8
src/_styles/common/light.ts
View File

@ -183,9 +183,11 @@ const derived = {
opacityDisabled: base.alphaDisabled,
inputColorDisabled: 'rgb(250, 250, 252)',
buttonColor: 'rgba(46, 51, 56, .05)',
buttonColorHover: 'rgba(46, 51, 56, .09)',
buttonColorPressed: 'rgba(46, 51, 56, .13)',
// secondary button color
// can also be used in tertiary button & quaternary button
buttonColor2: 'rgba(46, 51, 56, .05)',
buttonColor2Hover: 'rgba(46, 51, 56, .09)',
buttonColor2Pressed: 'rgba(46, 51, 56, .13)',
boxShadow1:
'0 1px 2px -2px rgba(0, 0, 0, .08), 0 3px 6px 0 rgba(0, 0, 0, .06), 0 5px 12px 4px rgba(0, 0, 0, .04)',

22
src/button/styles/light.ts
View File

@ -35,9 +35,9 @@ export const self = (vars: ThemeCommonVars) => {
errorColorHover,
errorColorPressed,
fontWeight,
buttonColor,
buttonColorHover,
buttonColorPressed,
buttonColor2,
buttonColor2Hover,
buttonColor2Pressed,
fontWeightStrong
} = vars
return {
@ -59,17 +59,17 @@ export const self = (vars: ThemeCommonVars) => {
colorOpacitySecondary: 0.16,
colorOpacitySecondaryHover: 0.2,
colorOpacitySecondaryPressed: 0.24,
colorSecondary: buttonColor,
colorSecondaryHover: buttonColorHover,
colorSecondaryPressed: buttonColorPressed,
colorSecondary: buttonColor2,
colorSecondaryHover: buttonColor2Hover,
colorSecondaryPressed: buttonColor2Pressed,
// tertiary
colorTertiary: buttonColor,
colorTertiaryHover: buttonColorHover,
colorTertiaryPressed: buttonColorPressed,
colorTertiary: buttonColor2,
colorTertiaryHover: buttonColor2Hover,
colorTertiaryPressed: buttonColor2Pressed,
// quaternary
colorQuaternary: '#0000',
colorQuaternaryHover: buttonColorHover,
colorQuaternaryPressed: buttonColorPressed,
colorQuaternaryHover: buttonColor2Hover,
colorQuaternaryPressed: buttonColor2Pressed,
// default type
color: '#0000',
colorHover: '#0000',