@lobehub/ui
Version:
Lobe UI is an open-source UI component library for building AIGC web apps
1 lines • 3.76 kB
Source Map (JSON)
{"version":3,"file":"generateColorPalette.mjs","names":[],"sources":["../../../src/styles/theme/generateColorPalette.ts"],"sourcesContent":["import { AliasToken } from 'antd/es/theme/interface';\nimport { capitalize } from 'es-toolkit/compat';\n\nimport type { ColorScaleItem } from '@/color/types';\n\nexport const generateColorPalette = ({\n type,\n scale,\n appearance,\n}: {\n appearance: 'light' | 'dark';\n scale: ColorScaleItem;\n type: 'Primary' | 'Success' | 'Warning' | 'Error' | 'Info' | string;\n}): Partial<AliasToken> => {\n const name = capitalize(type);\n const isDarkMode = appearance === 'dark';\n return {\n [`color${name}Fill`]: scale[`${appearance}A`][isDarkMode ? 3 : 4],\n [`color${name}FillSecondary`]: scale[`${appearance}A`][isDarkMode ? 2 : 3],\n [`color${name}FillTertiary`]: scale[`${appearance}A`][isDarkMode ? 1 : 2],\n [`color${name}FillQuaternary`]: scale[`${appearance}A`][isDarkMode ? 0 : 1],\n [`color${name}Bg`]: scale[appearance][1],\n [`color${name}BgHover`]: scale[appearance][2],\n [`color${name}Border`]: scale[appearance][4],\n [`color${name}BorderHover`]: scale[appearance][isDarkMode ? 5 : 3],\n [`color${name}Hover`]: scale[appearance][isDarkMode ? 10 : 8],\n [`color${name}`]: scale[appearance][9],\n [`color${name}Active`]: scale[appearance][isDarkMode ? 7 : 10],\n [`color${name}TextHover`]: scale[appearance][isDarkMode ? 10 : 8],\n [`color${name}Text`]: scale[appearance][9],\n [`color${name}TextActive`]: scale[appearance][isDarkMode ? 7 : 10],\n };\n};\n\nexport const generateColorNeutralPalette = ({\n scale,\n appearance,\n}: {\n appearance: 'light' | 'dark';\n scale: ColorScaleItem;\n}): Partial<AliasToken> => {\n return {\n colorBgContainer: appearance === 'dark' ? scale[appearance][1] : scale[appearance][0],\n colorBgElevated: appearance === 'dark' ? scale[appearance][2] : scale[appearance][0],\n colorBgLayout: appearance === 'dark' ? scale[appearance][0] : scale[appearance][1],\n colorBgMask: scale.lightA[8],\n colorBgSpotlight: scale[appearance][4],\n colorBorder: scale[appearance][3],\n colorBorderSecondary: scale[appearance][2],\n colorFill: scale[`${appearance}A`][3],\n colorFillQuaternary: scale[`${appearance}A`][0],\n colorFillSecondary: scale[`${appearance}A`][2],\n colorFillTertiary: scale[`${appearance}A`][1],\n colorText: scale[appearance][12],\n colorTextQuaternary: scale[appearance][6],\n colorTextSecondary: scale[appearance][10],\n colorTextTertiary: scale[appearance][8],\n };\n};\n"],"mappings":";;;AAKA,MAAa,wBAAwB,EACnC,MACA,OACA,iBAKyB;CACzB,MAAM,OAAO,WAAW,KAAK;CAC7B,MAAM,aAAa,eAAe;AAClC,QAAO;GACJ,QAAQ,KAAK,QAAQ,MAAM,GAAG,WAAW,IAAI,aAAa,IAAI;GAC9D,QAAQ,KAAK,iBAAiB,MAAM,GAAG,WAAW,IAAI,aAAa,IAAI;GACvE,QAAQ,KAAK,gBAAgB,MAAM,GAAG,WAAW,IAAI,aAAa,IAAI;GACtE,QAAQ,KAAK,kBAAkB,MAAM,GAAG,WAAW,IAAI,aAAa,IAAI;GACxE,QAAQ,KAAK,MAAM,MAAM,YAAY;GACrC,QAAQ,KAAK,WAAW,MAAM,YAAY;GAC1C,QAAQ,KAAK,UAAU,MAAM,YAAY;GACzC,QAAQ,KAAK,eAAe,MAAM,YAAY,aAAa,IAAI;GAC/D,QAAQ,KAAK,SAAS,MAAM,YAAY,aAAa,KAAK;GAC1D,QAAQ,SAAS,MAAM,YAAY;GACnC,QAAQ,KAAK,UAAU,MAAM,YAAY,aAAa,IAAI;GAC1D,QAAQ,KAAK,aAAa,MAAM,YAAY,aAAa,KAAK;GAC9D,QAAQ,KAAK,QAAQ,MAAM,YAAY;GACvC,QAAQ,KAAK,cAAc,MAAM,YAAY,aAAa,IAAI;EAChE;;AAGH,MAAa,+BAA+B,EAC1C,OACA,iBAIyB;AACzB,QAAO;EACL,kBAAkB,eAAe,SAAS,MAAM,YAAY,KAAK,MAAM,YAAY;EACnF,iBAAiB,eAAe,SAAS,MAAM,YAAY,KAAK,MAAM,YAAY;EAClF,eAAe,eAAe,SAAS,MAAM,YAAY,KAAK,MAAM,YAAY;EAChF,aAAa,MAAM,OAAO;EAC1B,kBAAkB,MAAM,YAAY;EACpC,aAAa,MAAM,YAAY;EAC/B,sBAAsB,MAAM,YAAY;EACxC,WAAW,MAAM,GAAG,WAAW,IAAI;EACnC,qBAAqB,MAAM,GAAG,WAAW,IAAI;EAC7C,oBAAoB,MAAM,GAAG,WAAW,IAAI;EAC5C,mBAAmB,MAAM,GAAG,WAAW,IAAI;EAC3C,WAAW,MAAM,YAAY;EAC7B,qBAAqB,MAAM,YAAY;EACvC,oBAAoB,MAAM,YAAY;EACtC,mBAAmB,MAAM,YAAY;EACtC"}