样式

必须引入的入口

import '@lumal/core/theme-chalk/index.scss'
import '@lumal/core/style.css'
import '@lumal/icons-vue/style.css'
// 按需
import '@lumal/charts/style.css'
import '@lumal/datav/style.css'
import '@lumal/cockpit/style.css'
import 'element-plus/theme-chalk/dark/css-vars.css'

主题变量

• core 通过 theme-chalk 与偏好 Store 驱动主色、字号、圆角等
• datav：--lumal-datav-*
• cockpit：--lumal-cockpit-*（应用层映射品牌皮肤）

约定

• 包级与应用级优先 SCSS + 语义变量
• 业务组件不硬编码主题色、间距、z-index
• 暗色模式依赖 Element Plus CSS 变量 + Lumal 偏好应用

详见 主题深入。