# @fsegurai/codemirror-theme-high-contrast-light 中文文档

规范地址：https://npmcn.com/package/%40fsegurai/codemirror-theme-high-contrast-light/

版本：6\.1\.0
npm 元数据更新时间：2026-11-13T04:54:09.859Z
中文译文更新时间：2026-11-15T15:38:04.600Z
软件包许可：MIT

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

原始 npm 页面：https://www.npmjs.com/package/%40fsegurai/codemirror-theme-high-contrast-light
原文对照：https://npmcn.com/package/%40fsegurai/codemirror-theme-high-contrast-light/?lang=original
项目主页：https://github.com/fsegurai/codemirror-themes#readme
源码仓库：https://github.com/fsegurai/codemirror-themes

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

- 包体积（解压后）：88.2 kB，7 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- 运行依赖：0 个
- peer 依赖：@codemirror/view ^6\.0\.0，@lezer/highlight ^1\.0\.0，@codemirror/state ^6\.0\.0，@codemirror/language ^6\.0\.0
- 首次发布：2025-12-03T04:42:12.360Z
- 最新版本发布：2026-11-13T04:54:09.679Z
- 近 30 天下载量：25337（2026-10-16 至 2026-11-14，npm 官方下载统计）
- 已发布版本数：5（近 12 个月 5 个）

## 中文简介

CodeMirror 编辑器的高对比度光主题

## 安装

```sh
npm install @fsegurai/codemirror-theme-high-contrast-light
```

也可以使用：`pnpm add @fsegurai/codemirror-theme-high-contrast-light`、`yarn add @fsegurai/codemirror-theme-high-contrast-light`、`bun add @fsegurai/codemirror-theme-high-contrast-light`

## README

![CodeMirror 6 Themes Logo](https://raw.githubusercontent.com/fsegurai/codemirror-themes/main/demo/public/codemirror-themes.svg)

 [![Test Status](https://img.shields.io/azure-devops/build/fsegurai/Libraries%2520NodeJs/16/main?label=Build%20Status&)](https://github.com/fsegurai/codemirror-themes)[![Latest Release](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-high-contrast-light.svg) ](https://www.npmjs.org/package/@fsegurai/codemirror-theme-high-contrast-light)[![Total npm downloads](https://img.shields.io/npm/dt/@fsegurai/codemirror-theme-high-contrast-light)](https://www.npmjs.com/package/@fsegurai/codemirror-theme-high-contrast-light)  
![GitHub contributors](https://img.shields.io/github/contributors/fsegurai/codemirror-themes) ![Dependency status for repo](https://img.shields.io/librariesio/github/fsegurai/codemirror-themes) [![GitHub License](https://img.shields.io/github/license/fsegurai/codemirror-themes)](https://opensource.org/licenses/MIT)  
![Stars](https://img.shields.io/github/stars/fsegurai/codemirror-themes?style=square&labelColor=343b41) ![Forks](https://img.shields.io/github/forks/fsegurai/codemirror-themes?style=square&labelColor=343b41)

**CodeMirror 6 的自定义主题库.**

`@fsegurai/codemirror-theme-high-contrast-light` 是CodeMiror 6编辑器的主题,使其视觉接触并适应不同的编码风格和用户偏好.

### 目录

-   [安装](https://npmcn.com/package/%40fsegurai/codemirror-theme-high-contrast-light/#readme-installation)
    -   [@fsegurai/codemirror -- -- 主题-高接力-光](https://npmcn.com/package/%40fsegurai/codemirror-theme-high-contrast-light/#readme-@fsegurai/codemirror-theme-high-contrast-light)
    -   [使用主题](https://npmcn.com/package/%40fsegurai/codemirror-theme-high-contrast-light/#readme-using-theme)
-   [更多资源](https://npmcn.com/package/%40fsegurai/codemirror-theme-high-contrast-light/#readme-more-resources)
    -   [可用主题](https://npmcn.com/package/%40fsegurai/codemirror-theme-high-contrast-light/#readme-available-themes)
    -   [演示应用](https://npmcn.com/package/%40fsegurai/codemirror-theme-high-contrast-light/#readme-demo-application)
-   [许可证](https://npmcn.com/package/%40fsegurai/codemirror-theme-high-contrast-light/#readme-license)

## 安装

### @fsegurai/codemirror -- -- 主题-高接力-光

添加 `@fsegurai/codemirror-theme-high-contrast-light` 与代码Mirror 6一起到您的 `package.json` 使用下列命令.

```bash
bun install @fsegurai/codemirror-theme-high-contrast-light codemirror@^6.0.0 --save
```

## 使用主题

从软件包中导入相应的主题,并将其应用到您的 CodeMiror 实例中,如下所示 .

```javascript
import { EditorView, basicSetup } from 'codemirror'
import { markdown } from '@codemirror/lang-markdown'
import { highContrastLight } from '@fsegurai/codemirror-theme-high-contrast-light'

let editor = new EditorView({
  doc: '# Hello World',
  extensions: [
    basicSetup,
    markdown(),
    highContrastLight
  ],
  parent: document.body
})
```

读取 [CodeMor 文档](https://codemirror.net/6/examples/styling/) 关于主题的更详细信息.

### 可用主题

| 主题 | 软件包 | 版本 | 下载 |
| --- | --- | --- | --- |
| 自动防御 | [@fsegurai/codemiror-them-abcdef](https://www.npmjs.com/package/@fsegurai/codemirror-theme-abcdef) | ![npm](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-abcdef) | ![downloads](https://img.shields.io/npm/dt/@fsegurai/codemirror-theme-abcdef) |
| 纵深 | [@fsegurai/codemirror-them-byss (英语)](https://www.npmjs.com/package/@fsegurai/codemirror-theme-abyss) | ![npm](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-abyss) | ![downloads](https://img.shields.io/npm/dt/@fsegurai/codemirror-theme-abyss) |
| Android 工作室 | [@fsegurai/codemirror-主题与机器人-studio](https://www.npmjs.com/package/@fsegurai/codemirror-theme-android-studio) | ![npm](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-android-studio) | ![downloads](https://img.shields.io/npm/dt/@fsegurai/codemirror-theme-android-studio) |
| 安多美达 | [@fsegurai/codemirror-them-andromeda (英语)](https://www.npmjs.com/package/@fsegurai/codemirror-theme-andromeda) | ![npm](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-andromeda) | ![downloads](https://img.shields.io/npm/dt/@fsegurai/codemirror-theme-andromeda) |
| 基本黑暗 | [@fsegurai/codemirror-主题基本黑暗](https://www.npmjs.com/package/@fsegurai/codemirror-theme-basic-dark) | ![npm](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-basic-dark) | ![downloads](https://img.shields.io/npm/dt/@fsegurai/codemirror-theme-basic-dark) |
| 基本光线 | [@fsegurai/codemirror-主题基本光线](https://www.npmjs.com/package/@fsegurai/codemirror-theme-basic-light) | ![npm](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-basic-light) | ![downloads](https://img.shields.io/npm/dt/@fsegurai/codemirror-theme-basic-light) |
| 全部 - 捆绑 | [@fsegurai/codemirror-主题组合](https://www.npmjs.com/package/@fsegurai/codemirror-theme-bundle) | ![npm](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-bundle) | ![downloads](https://img.shields.io/npm/dt/@fsegurai/codemirror-theme-bundle) |
| 卡通拉铁 | [@fsegurai/codemirror-them-catppuccin-latte (英语)](https://www.npmjs.com/package/@fsegurai/codemirror-theme-catppuccin-latte) | ![npm](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-catppuccin-latte) | ![downloads](https://img.shields.io/npm/dt/@fsegurai/codemirror-theme-catppuccin-latte) |
| 猫咪莫克 | [@fsegurai/codemirror-them-catppuccin-mocha (英语)](https://www.npmjs.com/package/@fsegurai/codemirror-theme-catppuccin-mocha) | ![npm](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-catppuccin-mocha) | ![downloads](https://img.shields.io/npm/dt/@fsegurai/codemirror-theme-catppuccin-mocha) |
| 钴2 | [@fsegurai/codemirror-主题-钴2](https://www.npmjs.com/package/@fsegurai/codemirror-theme-cobalt2) | ![npm](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-cobalt2) | ![downloads](https://img.shields.io/npm/dt/@fsegurai/codemirror-theme-cobalt2) |
| 德古拉 | [@fsegurai/codemirror-主题戏剧](https://www.npmjs.com/package/@fsegurai/codemirror-theme-dracula) | ![npm](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-dracula) | ![downloads](https://img.shields.io/npm/dt/@fsegurai/codemirror-theme-dracula) |
| 森林 | [@fsegurai/codemirror-主题森林](https://www.npmjs.com/package/@fsegurai/codemirror-theme-forest) | ![npm](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-forest) | ![downloads](https://img.shields.io/npm/dt/@fsegurai/codemirror-theme-forest) |
| GitHub 暗号 | [@fsegurai/codemirror-them-github-dark (英语)](https://www.npmjs.com/package/@fsegurai/codemirror-theme-github-dark) | ![npm](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-github-dark) | ![downloads](https://img.shields.io/npm/dt/@fsegurai/codemirror-theme-github-dark) |
| GitHub 光线 | [@fsegurai/codemirror-them-github-light (英语)](https://www.npmjs.com/package/@fsegurai/codemirror-theme-github-light) | ![npm](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-github-light) | ![downloads](https://img.shields.io/npm/dt/@fsegurai/codemirror-theme-github-light) |
| Gruvbox 暗号 | [@fsegurai/codemirror-them-gruvbox-dark (英语)](https://www.npmjs.com/package/@fsegurai/codemirror-theme-gruvbox-dark) | ![npm](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-gruvbox-dark) | ![downloads](https://img.shields.io/npm/dt/@fsegurai/codemirror-theme-gruvbox-dark) |
| 格鲁弗盒光 | [@fsegurai/codemirror-them-gruvbox-光线](https://www.npmjs.com/package/@fsegurai/codemirror-theme-gruvbox-light) | ![npm](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-gruvbox-light) | ![downloads](https://img.shields.io/npm/dt/@fsegurai/codemirror-theme-gruvbox-light) |
| 高对比度暗 | [@fsegurai/codemirror-them-high-contrast-dark (英语)](https://www.npmjs.com/package/@fsegurai/codemirror-theme-high-contrast-dark) | ![npm](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-high-contrast-dark) | ![downloads](https://img.shields.io/npm/dt/@fsegurai/codemirror-theme-high-contrast-dark) |
| 高对比度光 | [@fsegurai/codemirror -- -- 主题-高接力-光](https://www.npmjs.com/package/@fsegurai/codemirror-theme-high-contrast-light) | ![npm](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-high-contrast-light) | ![downloads](https://img.shields.io/npm/dt/@fsegurai/codemirror-theme-high-contrast-light) |
| 物质暗 | [@fsegurai/codemirror-主题-材料-黑暗](https://www.npmjs.com/package/@fsegurai/codemirror-theme-material-dark) | ![npm](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-material-dark) | ![downloads](https://img.shields.io/npm/dt/@fsegurai/codemirror-theme-material-dark) |
| 物质光 | [@fsegurai/codemirror-主题-材料-光](https://www.npmjs.com/package/@fsegurai/codemirror-theme-material-light) | ![npm](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-material-light) | ![downloads](https://img.shields.io/npm/dt/@fsegurai/codemirror-theme-material-light) |
| 物质海洋 | [@fsegurai/codemiror-主题-材料-海洋](https://www.npmjs.com/package/@fsegurai/codemirror-theme-material-ocean) | ![npm](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-material-ocean) | ![downloads](https://img.shields.io/npm/dt/@fsegurai/codemirror-theme-material-ocean) |
| 莫诺凯 | [@fsegurai/codemirror-them-monokai (英语)](https://www.npmjs.com/package/@fsegurai/codemirror-theme-monokai) | ![npm](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-monokai) | ![downloads](https://img.shields.io/npm/dt/@fsegurai/codemirror-theme-monokai) |
| 北部 | [@fsegurai/codemirror-主题规范](https://www.npmjs.com/package/@fsegurai/codemirror-theme-nord) | ![npm](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-nord) | ![downloads](https://img.shields.io/npm/dt/@fsegurai/codemirror-theme-nord) |
| 一个黑暗 | [@fsegurai/codemirror-主题一黑暗](https://www.npmjs.com/package/@fsegurai/codemirror-theme-one-dark) | ![npm](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-one-dark) | ![downloads](https://img.shields.io/npm/dt/@fsegurai/codemirror-theme-one-dark) |
| 晚间 | [@fsegurai/codemirror-主题晚会](https://www.npmjs.com/package/@fsegurai/codemirror-theme-palenight) | ![npm](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-palenight) | ![downloads](https://img.shields.io/npm/dt/@fsegurai/codemirror-theme-palenight) |
| 罗塞·松松黎明 | [@fsegurai/codemirror-them-rose-pine-dawn (英语)](https://www.npmjs.com/package/@fsegurai/codemirror-theme-rose-pine-dawn) | ![npm](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-rose-pine-dawn) | ![downloads](https://img.shields.io/npm/dt/@fsegurai/codemirror-theme-rose-pine-dawn) |
| 太阳化的黑暗 | [@fsegurai/codemirror-主题孤寂-黑暗](https://www.npmjs.com/package/@fsegurai/codemirror-theme-solarized-dark) | ![npm](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-solarized-dark) | ![downloads](https://img.shields.io/npm/dt/@fsegurai/codemirror-theme-solarized-dark) |
| 太阳能光 | [@fsegurai/codemirror-主题解析-光线](https://www.npmjs.com/package/@fsegurai/codemirror-theme-solarized-light) | ![npm](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-solarized-light) | ![downloads](https://img.shields.io/npm/dt/@fsegurai/codemirror-theme-solarized-light) |
| 合成波 84 | [@fsegurai/codemirror-主题-合成波-84](https://www.npmjs.com/package/@fsegurai/codemirror-theme-synthwave-84) | ![npm](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-synthwave-84) | ![downloads](https://img.shields.io/npm/dt/@fsegurai/codemirror-theme-synthwave-84) |
| 东京之夜 | [@fsegurai/codemirror-them-tokyo-night-day (英语)](https://www.npmjs.com/package/@fsegurai/codemirror-theme-tokyo-night-day) | ![npm](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-tokyo-night-day) | ![downloads](https://img.shields.io/npm/dt/@fsegurai/codemirror-theme-tokyo-night-day) |
| 东京之夜风暴 | [@fsegurai/codemirror-them-tokyo-夜暴](https://www.npmjs.com/package/@fsegurai/codemirror-theme-tokyo-night-storm) | ![npm](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-tokyo-night-storm) | ![downloads](https://img.shields.io/npm/dt/@fsegurai/codemirror-theme-tokyo-night-storm) |
| 火山 | [@fsegurai/codemirror-主题火山](https://www.npmjs.com/package/@fsegurai/codemirror-theme-volcano) | ![npm](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-volcano) | ![downloads](https://img.shields.io/npm/dt/@fsegurai/codemirror-theme-volcano) |
| VS 代码暗 | [@fsegurai/codemirror-them-vscode-dark (英语)](https://www.npmjs.com/package/@fsegurai/codemirror-theme-vscode-dark) | ![npm](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-vscode-dark) | ![downloads](https://img.shields.io/npm/dt/@fsegurai/codemirror-theme-vscode-dark) |
| VS 代码光 | [@fsegurai/codemirror-them-vscode-光线](https://www.npmjs.com/package/@fsegurai/codemirror-theme-vscode-light) | ![npm](https://img.shields.io/npm/v/@fsegurai/codemirror-theme-vscode-light) | ![downloads](https://img.shields.io/npm/dt/@fsegurai/codemirror-theme-vscode-light) |

## 演示应用

请检查date=中的日期值 (帮助) 演示 : [https://fsegurai.github.io/codemirror-主题](https://fsegurai.github.io/codemirror-themes)。 。 。 .

本地设置演示:

```bash
git clone https://github.com/fsegurai/codemirror-themes.git
bun install
bun start
```

这将服务于本地的应用程序 http://\[:1\]:8000 (中文(简体) )。 。 。 .

## 许可证

许可证根据 [麻省理工学院](https://opensource.org/licenses/MIT)。 。 。 .

## 常见问题

### @fsegurai/codemirror-theme-high-contrast-light 是什么？

CodeMirror 编辑器的高对比度光主题

### 如何安装 @fsegurai/codemirror-theme-high-contrast-light？

在项目目录运行 npm install @fsegurai/codemirror-theme-high-contrast-light，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：@codemirror/view（^6\.0\.0）、@lezer/highlight（^1\.0\.0）、@codemirror/state（^6\.0\.0）、@codemirror/language（^6\.0\.0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @fsegurai/codemirror-theme-high-contrast-light 支持 TypeScript 吗？

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

### @fsegurai/codemirror-theme-high-contrast-light 支持 ESM 还是 CommonJS？

同时提供 ES Module 与 CommonJS 入口，import 和 require\(\) 都可以使用，打包工具会自动选择合适的版本。

### @fsegurai/codemirror-theme-high-contrast-light 可以商用吗？

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

### @fsegurai/codemirror-theme-high-contrast-light 的下载量有多少？

根据 npm 官方下载统计，@fsegurai/codemirror-theme-high-contrast-light 在 2026/10/16 – 2026/11/14 这 30 天内被下载 25,337 次，日均约 845 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @fsegurai/codemirror-theme-high-contrast-light 还在维护吗？

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