# @birdycom/omniacss 中文文档

规范地址：https://npmcn.com/package/%40birdycom/omniacss/

版本：0\.14\.3
npm 元数据更新时间：2026-11-05T08:44:08.685Z
中文译文更新时间：2026-11-08T03:36:54.525Z
软件包许可：MIT

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

原始 npm 页面：https://www.npmjs.com/package/%40birdycom/omniacss
原文对照：https://npmcn.com/package/%40birdycom/omniacss/?lang=original
项目主页：https://omniacss.eu/
源码仓库：https://github.com/Birdycom/OmniaCSS

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

- 包体积（解压后）：21.4 MB，107 个文件
- 模块格式：ES Module
- TypeScript 类型：未声明
- Node.js 要求：\>=22
- 运行依赖：1 个
- 首次发布：2026-10-27T16:53:57.345Z
- 最新版本发布：2026-11-05T08:44:08.363Z
- 近 30 天下载量：3099（2026-10-08 至 2026-11-06，npm 官方下载统计）
- 已发布版本数：16（近 12 个月 16 个）

## 中文简介

OmniaCSS公用事业:现代CSS(锚地定位,容器查询,视图过渡,光暗())作为公用事业类别,按需生成.

## 安装

```sh
npm install @birdycom/omniacss
```

也可以使用：`pnpm add @birdycom/omniacss`、`yarn add @birdycom/omniacss`、`bun add @birdycom/omniacss`

## README

# @birtycom/omniacs (英语)

OmniaCSS的公用事业——现代CSS(定位、容器查询、取景过渡、滚动驱动动画、, `light-dark()`作为工具类, **按需生成**。 。 。 .

```bash
npm install -D @birdycom/omniacss
```

**PostCSS / Vite / 拉拉维尔** 设置 `@omnia;` 在您的 CSS 中:

```js
// postcss.config.js
import omniacss from "@birdycom/omniacss/postcss";
export default { plugins: [omniacss({ content: ["src/**/*.{html,js,vue,tsx}"] })] };
```

与 [欧姆尼亚乌伊](https://omniaui.eu/) 已安装, `@omniaui;` (在 `@omnia;`) 添加内容使用的组件、块和 Pro 块,用同样的方式,在 `@layer omniaui`。 。 。 . `@omniaui components;` 只有一个包.

**引擎 API**

```js
import { buildCss } from "@birdycom/omniacss/engine";
const { css, stats } = await buildCss({ content: ["src/**/*.html"], layer: "omnia" });
```

全面建设(原型): `import "@birdycom/omniacss"` 调色板符号: `@birdycom/omniacss/tokens` 主题符号: `@birdycom/omniacss/theme` 常设委员会: `@birdycom/omniacss/scss/*`。 。 。 .

## 主题符号( 网络和桌面)

`tokens/semantic.json` 是语义主题的单一来源 : `--oc-background`, (中文(简体) ), `--oc-foreground`, (中文(简体) ), `--oc-primary`, (中文(简体) ), `--oc-border`,互动状态 `--oc-row-alt`, (中文(简体) ), `--oc-hover`, (中文(简体) ), `--oc-pressed`, (中文(简体) ), `--oc-selected`, (中文(简体) ), `--oc-disabled-foreground`附加时 `--oc-radius`, (中文(简体) ), `--oc-focus-width`,字体和阴影. 每种颜色都是奥姆尼亚调色板符号,光线第一,暗色第二.

-   **网络 :** `dist/oc-theme.css` (装入后) `oc-colors.css`(b) —— `light-dark()` 自定义属性。 OmniaUI以此为基础.
    
-   **桌面应用程序** (Tkinter, Qt, WinUI.): (中文(简体) ) `dist/tokens/` 持有每个模式解决的同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同异同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同同异同同同同同同同 `var()` 左, 如 sRGB 十六进制( Gamut 映射 CSS 颜色 4 方式, 不剪接), 来源 `oklch` 阿尔法, 和上面的 OmniaCSS 版本 :
    
    -   `omnia.tokens.json` —— 说 `{ omniacss, tokens: { background: { light: { hex, oklch }, dark: { … } }, radius: { px }, … } }`
    -   `omnia.dtcg.json` ——W3C设计. 托肯斯( 小于 `$value`深处 `$extensions`(中文(简体) )
    -   `omnia_tokens.py` —— 说 `PALETTES = {"light": {…}, "dark": {…}}`, (中文(简体) ), `SIZES`, (中文(简体) ), `TEXT`, (中文(简体) ), `FONTS`, (中文(简体) ), `SHADOWS`, (中文(简体) ), `font()`
    
    应用程序中的节点? 从 CDN 下载 : `https://unpkg.com/@birdycom/omniacss@<version>/dist/tokens/omnia_tokens.py`。 。 。 . 有你自己的主题: `npx omniacss tokens --source my-semantic.json --format python` (见 `@birdycom/omniacss-cli`) (中文(简体) ).
    

文档 : [https://github.com/Birdycom/OmniaCSS#readme 页面存档备份,存于互联网档案馆](https://github.com/Birdycom/OmniaCSS#readme) 麻省理工学院

## 常见问题

### @birdycom/omniacss 是什么？

OmniaCSS公用事业:现代CSS\(锚地定位,容器查询,视图过渡,光暗\(\)\)作为公用事业类别,按需生成\.

### 如何安装 @birdycom/omniacss？

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

### @birdycom/omniacss 支持 TypeScript 吗？

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

### @birdycom/omniacss 支持 ESM 还是 CommonJS？

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

### @birdycom/omniacss 需要什么版本的 Node\.js？

package\.json 的 engines 字段要求 Node\.js \>=22。版本不符时 npm 默认只给出警告，开启 engine-strict 后会拒绝安装。

### @birdycom/omniacss 可以商用吗？

@birdycom/omniacss 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @birdycom/omniacss 的下载量有多少？

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

### @birdycom/omniacss 还在维护吗？

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