@ agent-relay/ brand (英语)
共享品牌代号,CSS变量,以及Agent Relay和相关属性的颜色系统.
这是一个纯粹的CSS软件包——不需要建设步骤.
使用量
CSS 导入( 带捆绑器)
@import '@agent-relay/brand/brand.css';
直接链接( HTML)
<link rel="stylesheet" href="node_modules/@agent-relay/brand/brand.css" />
没有捆绑的静态站点
复制 brand.css 进入您的项目, 或者通过CDN引用它.
键
文件在 CSS 自定义属性上曝光 :root 用于灯光模式和 :root[data-theme='dark'] 用于暗模式。 关键符号组 :
- 标记 —— 说
--logo-primary, (中文(简体) ),--logo-secondary - 品牌口音 —— 说
--accent-warm, (中文(简体) ),--accent-ink, (中文(简体) ),--accent-stone - 状态 —— 说
--status-red, (中文(简体) ),--status-yellow, (中文(简体) ),--status-green - 控制台/终端 —— 说
--console-bg, (中文(简体) ),--console-fg等 (中文(简体) ). - 初级比额表 —— 说
--primary-50结束--primary-950 - 二级比额表 —— 说
--secondary-50结束--secondary-950 - 中性比例 —— 说
--neutral-50结束--neutral-950 - 语义符号 —— 说
--bg, (中文(简体) ),--fg, (中文(简体) ),--primary, (中文(简体) ),--card-bg, (中文(简体) ),--nav-*, (中文(简体) ),--footer-*等 (中文(简体) ).