@94ai-plus/nf-theme-chalk
Common UI Plus 默认主题包,主色 $nf-color-primary: #17f(#1177ff)。提供总 CSS、按组件 CSS、SCSS 源码及 Element Plus token / CSS variable 适配。
HomePage
Installation
yarn add @94ai-plus/nf-theme-chalk element-plus
Usage
全量样式:
import 'element-plus/dist/index.css'
import '@94ai-plus/nf-theme-chalk/index.css'
按组件引入:
import '@94ai-plus/nf-theme-chalk/nf-button.css'
SCSS 源码入口(需要 Sass):
@use '@94ai-plus/nf-theme-chalk/scss/index.scss';
主题选择可通过 app.use(createCommonUI({ theme: 'chalk' }))(createCommonUI 从 @94ai-plus/common-ui 导入)、<NfConfigProvider theme="chalk"> 或设置根节点 data-nf-theme="chalk" 完成。双主题运行时切换需预先加载两份 CSS;Chalk / OEM 是组件品牌主题,与文档/演练场亮暗外观独立。
包内容包含 dist/css、dist/scss、dist/style/index.css;使用公开 exports 路径,不再使用旧版 lib/css 或 lib/index.scss 路径。本包不包含 Element Plus 全量基础 CSS,需单独引入。
主题将 Element Plus 默认尺寸(未传 size 或 size="default")的单行控件高度统一为 28px;small 为 24px、large 为 40px,多选标签与多行内容仍可自然撑高。请在 Element Plus 基础 CSS 之后引入主题样式,全量及按组件主题入口均包含此适配。
Contributors
感谢每一位参与项目建设的贡献者!
以上为随本版本发布的贡献者统计快照,统计日期与分支见图中说明;仅统计 Git 非合并提交,头像使用姓名首字母,不是 GitLab 个人照片。
License
本项目采用 MIT License 开源许可。
Copyright (c) 2026-present Jiahe Zou, 94 Intelligent Technology Co., Ltd.