xref: /MusicFree/src/constants/uiConst.ts (revision 6cfecf1cdd150fc94c5ad42fede7d65068b9ea40)

import {CustomizedColors} from '@/hooks/useColors';
import rpx from '@/utils/rpx';

const fontSizeConst = {
    /** 标签 */
    tag: rpx(20),
    /** 描述文本等字体 */
    description: rpx(22),
    /** 副标题 */
    subTitle: rpx(26),
    /** 正文字体 */
    content: rpx(28),
    /** 标题字体 */
    title: rpx(32),
    /** appbar的字体 */
    appbar: rpx(36),
};

const fontWeightConst = {
    regular: '400',
    medium: '500',
    semibold: '600',
    bold: '700',
    bolder: '800',
} as const;

const iconSizeConst = {
    small: rpx(32),
    light: rpx(40),
    normal: rpx(48),
    big: rpx(64),
};

type ColorKey = 'normal' | 'secondary' | 'highlight' | 'headerText' | 'primary';
const colorMap: Record<ColorKey, keyof CustomizedColors> = {
    normal: 'text',
    secondary: 'textSecondary',
    highlight: 'textHighlight',
    headerText: 'headerText',
    primary: 'primary',
} as const;

export {fontSizeConst, fontWeightConst, iconSizeConst, colorMap};
export type {ColorKey};