naive-ui
Version:
A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast
46 lines • 1.27 kB
JavaScript
import { composite } from 'seemly';
import { commonLight } from "../../_styles/common/index.mjs";
import commonVariables from "./_common.mjs";
export function self(vars) {
const {
tableHeaderColor,
textColor2,
textColor1,
cardColor,
modalColor,
popoverColor,
dividerColor,
borderRadius,
fontWeightStrong,
lineHeight,
fontSizeSmall,
fontSizeMedium,
fontSizeLarge
} = vars;
return Object.assign(Object.assign({}, commonVariables), {
lineHeight,
fontSizeSmall,
fontSizeMedium,
fontSizeLarge,
titleTextColor: textColor1,
thColor: composite(cardColor, tableHeaderColor),
thColorModal: composite(modalColor, tableHeaderColor),
thColorPopover: composite(popoverColor, tableHeaderColor),
thTextColor: textColor1,
thFontWeight: fontWeightStrong,
tdTextColor: textColor2,
tdColor: cardColor,
tdColorModal: modalColor,
tdColorPopover: popoverColor,
borderColor: composite(cardColor, dividerColor),
borderColorModal: composite(modalColor, dividerColor),
borderColorPopover: composite(popoverColor, dividerColor),
borderRadius
});
}
const descriptionsLight = {
name: 'Descriptions',
common: commonLight,
self
};
export default descriptionsLight;