# @astryx-vue/themes 中文文档

规范地址：https://npmcn.com/package/%40astryx-vue/themes/

版本：0\.7\.14
npm 元数据更新时间：2026-11-07T17:58:14.068Z
中文译文更新时间：2026-11-07T01:19:28.800Z
软件包许可：MIT

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

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

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

- 包体积（解压后）：372 kB，370 个文件
- 模块格式：ES Module
- TypeScript 类型：包内自带
- 运行依赖：2 个
- 首次发布：2026-10-11T16:25:12.588Z
- 最新版本发布：2026-11-07T17:58:13.781Z
- 近 30 天下载量：3968（2026-10-07 至 2026-11-05，npm 官方下载统计）
- 已发布版本数：34（近 12 个月 34 个）

## 中文简介

CSS主题 非官方 Astryx-vue 端口 Astryx. 不隶属于Meta.

## 安装

```sh
npm install @astryx-vue/themes
```

也可以使用：`pnpm add @astryx-vue/themes`、`yarn add @astryx-vue/themes`、`bun add @astryx-vue/themes`

## README

# @astryx-vue/主题

CSS 主题 [astryx-veue 图像](https://github.com/astryx-vue/astryx-vue)一个非正式的Vue 3 Astryx港口。 不隶属于Meta.

每个主题都有一个包裹 结构样式保留在 `@astryx-vue/core`。一个主题通过 CSS 变量和级联层设置颜色、类型、半径、阴影和运动。 没有 StyleX 构建步骤 .

## 安装

```sh
pnpm add @astryx-vue/core @astryx-vue/themes
```

主题本身不会产生组件 。 安装 `@astryx-vue/core` 带着它 核心的同伴依赖性 : `vue` `^3.5.0`。 。 。 .

## 使用

```ts
import '@astryx-vue/themes/neutral.css'
```

```html
<html data-astryx-theme="neutral">
```

打开 `data-astryx-theme` 讨论主题的要点。 打开 `html`这是整个应用程序。 在一个更小的元素上, 只有树下。 中性在 `:root`,因此一个单一主题应用程序可以导入 `neutral.css` 没有属性。 其他主题没有触及 `:root`。 。 。 .

每个主题都装载了Figtree和JetBrains Mono(400,500,600,700和400斜体;Figtree也包含600斜体). 巴特尔,巧克力,哥特克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克.

## 条目

| 条目 | 这是什么 |
| --- | --- |
| `@astryx-vue/themes/neutral.css` | 默认看. 也适用于 `:root`。 。 。 . |
| `@astryx-vue/themes/butter.css` | 金色表面,蓝色口音. |
| `@astryx-vue/themes/chocolate.css` | 暖褐相和碧e. |
| `@astryx-vue/themes/gothic.css` | 只有阴暗。 深蓝灰色地表. |
| `@astryx-vue/themes/matcha.css` | 大地绿地. |
| `@astryx-vue/themes/stone.css` | 温取石而取板. |
| `@astryx-vue/themes/y2k.css` | 佩里温克勒 奶油和尖角. |

## 相关软件包

| 软件包 | 这是什么 |
| --- | --- |
| `@astryx-vue/core` | Vue 组件这些变量样式 |
| `@astryx-vue/cli` | `astryx-vue search theme` 其他文件查询 |

## 资源

-   [主题](https://astryx-vue.pages.dev/en/themes/)
-   [CSS 变量](https://astryx-vue.pages.dev/en/themes/css-variables)
-   [仓库](https://github.com/astryx-vue/astryx-vue)

## 许可证

麻省理工学院. Astryx是版权Meta平台股份有限公司. 这个软件包是一个非官方的端口,没有附属于或得到Meta的认可.

## 常见问题

### @astryx-vue/themes 是什么？

CSS主题 非官方 Astryx-vue 端口 Astryx\. 不隶属于Meta\.

### 如何安装 @astryx-vue/themes？

在项目目录运行 npm install @astryx-vue/themes，或使用 pnpm add / yarn add / bun add。

### @astryx-vue/themes 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

### @astryx-vue/themes 支持 ESM 还是 CommonJS？

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

### @astryx-vue/themes 可以商用吗？

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

### @astryx-vue/themes 的下载量有多少？

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

### @astryx-vue/themes 还在维护吗？

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