naive-ui
Version:
A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast
65 lines • 1.78 kB
JavaScript
import { commonLight } from "../../_styles/common/index.mjs";
import commonVars from "./_common.mjs";
export function self(vars) {
const {
primaryColor,
textColor2,
borderColor,
lineHeight,
fontSize,
borderRadiusSmall,
dividerColor,
fontWeightStrong,
textColor1,
textColor3,
infoColor,
warningColor,
errorColor,
successColor,
codeColor
} = vars;
return Object.assign(Object.assign({}, commonVars), {
aTextColor: primaryColor,
blockquoteTextColor: textColor2,
blockquotePrefixColor: borderColor,
blockquoteLineHeight: lineHeight,
blockquoteFontSize: fontSize,
codeBorderRadius: borderRadiusSmall,
liTextColor: textColor2,
liLineHeight: lineHeight,
liFontSize: fontSize,
hrColor: dividerColor,
headerFontWeight: fontWeightStrong,
headerTextColor: textColor1,
pTextColor: textColor2,
pTextColor1Depth: textColor1,
pTextColor2Depth: textColor2,
pTextColor3Depth: textColor3,
pLineHeight: lineHeight,
pFontSize: fontSize,
headerBarColor: primaryColor,
headerBarColorPrimary: primaryColor,
headerBarColorInfo: infoColor,
headerBarColorError: errorColor,
headerBarColorWarning: warningColor,
headerBarColorSuccess: successColor,
textColor: textColor2,
textColor1Depth: textColor1,
textColor2Depth: textColor2,
textColor3Depth: textColor3,
textColorPrimary: primaryColor,
textColorInfo: infoColor,
textColorSuccess: successColor,
textColorWarning: warningColor,
textColorError: errorColor,
codeTextColor: textColor2,
codeColor,
codeBorder: '1px solid #0000'
});
}
const typographyLight = {
name: 'Typography',
common: commonLight,
self
};
export default typographyLight;