xref: /MusicFree/src/constants/uiConst.ts (revision 5589cdf32b2bb0f641e5ac7bf1f6152cd6b9b70e)
1import {CustomizedColors} from '@/hooks/useColors';
2import rpx from '@/utils/rpx';
3
4const fontSizeConst = {
5    /** 标签 */
6    tag: rpx(20),
7    /** 描述文本等字体 */
8    description: rpx(22),
9    /** 副标题 */
10    subTitle: rpx(26),
11    /** 正文字体 */
12    content: rpx(28),
13    /** 标题字体 */
14    title: rpx(32),
15    /** appbar的字体 */
16    appbar: rpx(36),
17};
18
19const fontWeightConst = {
20    regular: '400',
21    medium: '500',
22    semibold: '600',
23    bold: '700',
24    bolder: '800',
25} as const;
26
27const iconSizeConst = {
28    small: rpx(30),
29    light: rpx(36),
30    normal: rpx(42),
31    big: rpx(60),
32    large: rpx(72),
33};
34
35type ColorKey = 'normal' | 'secondary' | 'highlight' | 'primary';
36const colorMap: Record<ColorKey, keyof CustomizedColors> = {
37    normal: 'text',
38    secondary: 'textSecondary',
39    highlight: 'textHighlight',
40    primary: 'primary',
41} as const;
42
43export {fontSizeConst, fontWeightConst, iconSizeConst, colorMap};
44export type {ColorKey};
45