@equinor/musion-web-主题
组合主题样式属性和 CSS 的颜色、高地、相距声明, 和打字术.
应用主题
导入软件包只创建主题数据: 它没有注入 CSS, 访问 DOM,或更改 HTML 属性. 消费者必须发出出口申报 它们的根样式表,例如它们的 CSS- in- JS 整合:
import { attributes } from '@equinor/fusion-web-theme';
const rootCss = `:root { ${attributes.join(';')}; }`;
在第一个涂料之前将 CSS 应用到文档根以覆盖本地控件
从启动起,包括安装在 body界定
对应用容器的申报不涵盖该容器外的重叠.
如果消费样式表以后加载,则保护只在适用时才开始.
临时本地控制光模式
colorVariables (从) src/styles/colors)包括一个独立的
color-scheme: only light 声明。 公共总数 attributes 继承
曾经是 这样可以保持浏览器对光线方案的内置控制,同时Fusion可以
不支持暗模式,包括当OS偏好在运行时发生变化时.
当Fusion支持暗模式时删除此单项.
这是 没有 一个完整的EDS暗模锁。 现有遗留的EDS 0.9.2令牌
使用带有轻回落的 CSS 变量引用。 现代 EDS 符号样式表可以
通过 prefers-color-scheme· ; color-scheme 不禁用
那个媒体查询。 使用现代电子数据交换系统的消费者必须明确规定
data-color-scheme="light" 打开 html 来选择它的光调色板。 这个包
不设置属性或选择现代的EDS调色板.
发展
从寄存器根 :
bun run --cwd packages/theme test
bun run --cwd packages/theme build
bun run check -- packages/theme
测试命令首先构建软件包, 这样可以进行 DOM 免费导入检查操作 已公布的切入点。 承诺的色彩快照保留了75个遗产 声明及其顺序; 将任何快照更新视为公共产出变化.