Halcyon Theme for VS Code 使用教程-CSDN博客

本文链接：https://blog.csdn.net/gitblog_00981/article/details/141799277

Halcyon Theme for VS Code 使用教程

halcyon-vscodeA dark blue theme for VS Code based on the Ayu Mirage theme项目地址:https://gitcode.com/gh_mirrors/ha/halcyon-vscode

1. 项目的目录结构及介绍

halcyon-vscode/
├── .github/
├── images/
├── themes/
│   └── Halcyon-vscode-color-theme.json
├── .gitignore
├── .vscodeignore
├── CHANGELOG.md
├── LICENSE
├── README.md
├── package.json
└── vsc-extension-quickstart.md

.github/: GitHub 相关文件，如 issue 模板等。
images/: 项目图片资源。
themes/: 主题定义文件，包含 Halcyon-vscode-color-theme.json。
.gitignore: Git 忽略文件配置。
.vscodeignore: VS Code 扩展发布时忽略的文件配置。
CHANGELOG.md: 项目更新日志。
LICENSE: 项目许可证。
README.md: 项目说明文档。
package.json: 项目元数据和依赖配置。
vsc-extension-quickstart.md: VS Code 扩展快速入门指南。

2. 项目的启动文件介绍

项目的启动文件主要是 package.json 和 themes/Halcyon-vscode-color-theme.json。

package.json: 该文件定义了扩展的基本信息，如名称、版本、描述、作者、关键字等。同时，它还指定了主题文件的位置和基本主题类型。

{
  "name": "halcyon-vscode",
  "displayName": "Halcyon Theme",
  "description": "A minimal dark blue theme for VS Code",
  "version": "1.0.0",
  "publisher": "brittanychiang",
  "engines": {
    "vscode": "^1.13.0"
  },
  "categories": [
    "Themes"
  ],
  "contributes": {
    "themes": [
      {
        "label": "Halcyon",
        "uiTheme": "vs-dark",
        "path": "./themes/Halcyon-vscode-color-theme.json"
      }
    ]
  }
}

themes/Halcyon-vscode-color-theme.json: 该文件定义了主题的颜色方案，包括语法高亮和界面元素的颜色。

3. 项目的配置文件介绍

项目的配置文件主要是 package.json 和 themes/Halcyon-vscode-color-theme.json。

package.json: 该文件包含了扩展的元数据和依赖配置。具体配置项包括：
- name: 扩展的名称。
- displayName: 扩展的显示名称。
- description: 扩展的描述。
- version: 扩展的版本号。
- publisher: 扩展的发布者。
- engines: 扩展支持的 VS Code 版本。
- categories: 扩展的分类。
- contributes: 扩展的贡献点，包括主题文件的路径。
themes/Halcyon-vscode-color-theme.json: 该文件定义了主题的颜色方案，包括语法高亮和界面元素的颜色。具体配置项包括：
- name: 主题的名称。
- type: 主题的类型（如 dark）。
- colors: 界面元素的颜色配置。
- tokenColors: 语法高亮的颜色配置。