# @devicechain/brand 中文文档

规范地址：https://npmcn.com/package/%40devicechain/brand/

版本：1\.4\.0
npm 元数据更新时间：2026-11-11T16:16:24.925Z
中文译文更新时间：2026-11-12T03:21:20.617Z
软件包许可：Apache-2\.0

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40devicechain/brand
原文对照：https://npmcn.com/package/%40devicechain/brand/?lang=original
项目主页：https://devicechain.io/
源码仓库：https://github.com/devicechain-io/devicechain

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：47.2 kB，11 个文件
- 模块格式：ES Module
- TypeScript 类型：未声明
- 运行依赖：0 个
- 首次发布：2026-09-01T21:38:30.320Z
- 最新版本发布：2026-11-11T16:16:24.411Z
- 近 30 天下载量：4509（2026-10-12 至 2026-11-10，npm 官方下载统计）
- 已发布版本数：48（近 12 个月 48 个）

## 中文简介

Canonical Devictor Chain品牌标志,加上生成的每个消费者样式表.

## 安装

```sh
npm install @devicechain/brand
```

也可以使用：`pnpm add @devicechain/brand`、`yarn add @devicechain/brand`、`bun add @devicechain/brand`

## README

# @ devicechain/ 品牌

Cononical Device Chain 品牌值和生成的样式表 消费者实际上需要.

`tokens.json` 是真理的来源。 里面的东西 `css/` 财务报告和审定财务报表 `tokens.generated.json` 由它产生,并携带一种非手的编辑 头曰.

## 用这个

```bash
npm install @devicechain/brand
```

```css
/* whichever vocabulary your app speaks — see the table below */
@import '@devicechain/brand/css/shadcn.css';
```

```ts
import tokens from '@devicechain/brand/tokens';
```

没有构建步骤和 JavaScript 运行:样式表和 生成代号为 JSON 的运出.

## 处理中

```bash
npm run generate -w @devicechain/brand         # regenerate after editing tokens.json
npm run check:generated -w @devicechain/brand  # fail if the committed output is stale
npm run verify -w @devicechain/brand           # report consumers that disagree

# the marketing site lives in a separate repo, so point at it explicitly
DC_WEBSITE=../devicechain-website npm run verify -w @devicechain/brand
```

## 为什么三个样式表而不是一个

三个消费者不共享词汇表,单样式表不能 为他们服务:

| 消费者 | 文件 | 词汇 | 值格式 |
| --- | --- | --- | --- |
| 销售网站 | `css/brand.css` | `--brand`, (中文(简体) ), `--ink`, (中文(简体) ), `--bg`重音 | 六进制 |
| 控制台 | `css/shadcn.css` | `--primary`, (中文(简体) ), `--ring`, (中文(简体) ), `--sidebar-*` | **赤线** `H S% L%` 三进制 |
| 文档 | `css/infima.css` | `--ifm-color-primary*` | 六进制,加五步坡道 |

容易出错的两个细节:

-   控制台的三进制 **没有 `hsl()` 包装**阴影作曲: `hsl(var(--primary) / <alpha>)`,所以包装它们打破每一个α变体.
-   Infima想要一个五步坡道 小学的两边。 来源于 单相干值,所以步骤不能偏离顺序,这就是 手写斜坡的通常故障模式.

`css/shadcn.css` 财务报告和审定财务报表 `css/infima.css` 故意覆盖 **品牌衍生标志 仅限**。控制台仍然拥有其余的阴影尺度(卡片、弹出器、, `chart-*`, (中文(简体) ), `sidebar-*` 文档网站仍然拥有自己的 背景主题.

## 为什么这些值被存储为十六进制

商标的艺术品是六分(`branding/logos/logo.svg`),所以六分卫是来源和 每一个其它形式都是衍生出来的。 这不是化妆品。 之前的操纵台 宣布品牌为 " 三圆" `197 71% 42%`,它使得 `#1f8cb7` —— 说 **没有** 页:1 `#208cb7` 在艺术。 一个通道出255,隐形 还有两种不同的颜色 自称是同一个颜色. 衍生可以消除那类错配.

## 一个规则

`core.primary` 是唯一的颜色,曾经意味着 _交互式_四个 口音( e)`aqua` → `violet` → `magenta` → `amber`,按管道顺序:摄入, 检测、反应、命令) **区域**。它们从不标记链接,按钮 或者一个控制。 打破它,一页 停止导航.

## 什麽 `verify` 为了什么,它不是

"保持与控制台同步"是三个文件中的评论,而不是一个 保证——并且到本套件完成时,它已经失败了两次 写作. `verify` 把评论变成CI工作可以执行的东西.

这是故意的 **只读**它印出什么是异议和退出非零; 它永远不会重写消费者。 改变所运去的颜色是一种视觉决定, 所以一个一个地向消费者迁移 看看结果 不批量重写 让剧本安静下来.

## 移徙状况

控制台和仪表盘查看器导入 `css/shadcn.css`; 文件站点导入 `css/infima.css`。这些消费者直接使用生成的值。 营销 网站在一个单独的仓库中居住; 使用 `DC_WEBSITE` 与 `verify` 检查它的 当前值.

## 常见问题

### @devicechain/brand 是什么？

Canonical Devictor Chain品牌标志,加上生成的每个消费者样式表\.

### 如何安装 @devicechain/brand？

在项目目录运行 npm install @devicechain/brand，或使用 pnpm add / yarn add / bun add。

### @devicechain/brand 支持 TypeScript 吗？

该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/devicechain\_\_brand 是否存在。

### @devicechain/brand 支持 ESM 还是 CommonJS？

以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node\.js 20\.19\+ / 22\.12\+ 可以直接 require\(\) 不含顶层 await 的 ES Module，更早的版本需要改用动态 import\(\)。

### @devicechain/brand 可以商用吗？

@devicechain/brand 使用 Apache-2\.0 许可。宽松许可：允许商业使用、修改和再分发，并附带明确的专利授权；分发时需保留许可与 NOTICE 文件，修改过的文件要注明改动。以上为概括，不构成法律意见，请以许可原文为准。

### @devicechain/brand 的下载量有多少？

根据 npm 官方下载统计，@devicechain/brand 在 2026/10/12 – 2026/11/10 这 30 天内被下载 4,509 次，日均约 150 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @devicechain/brand 还在维护吗？

最新版本 1\.4\.0 发布于 2026/11/12（今天）；至今共发布 48 个版本，其中过去 12 个月发布了 48 个；首次发布于 2026/09/02。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。