Pretty Dark Theme

说明
- 基底: 基于 One Dark Pro 深度美化,更暗、更高对比度
- 语义配色: 围绕「类型绿 / 变量红 / 常量黄 / 关键字紫斜体」做跨语言统一
主题设计
整体风格
- 编辑器背景:
#191815d6
- 工作区前景(文字):
#c2c2c2
- 行高亮背景:
#23262ced
- 选区背景:
#67769660
- 当前行号颜色:
#c2c2c2
- 普通行号颜色:
#495162
标签页 / 导航
- 活动标签背景:
#193d4c
- 活动标签前景:
#c2c2c2
- 非活动标签背景:
#181818
- 非活动标签前景:
#909090
- 侧边栏背景:
#181818
- 侧边栏前景:
#c2c2c2
语法配色(语义规则)
- 关键字(if / for / public / class 等): 紫色
#c678dd,全部斜体
- 类型 / 类 / 接口(含 Go / Java / C# 内置类型): 类型绿
#4ec9b0,不斜体
- 变量(局部变量 / 参数 / 普通字段使用): 变量红
#e06c75
- 结构体 / 对象字段(TS/TSX/Go/Rust 等): 属性黄橙
#d19a66
- 常量 / 枚举 / 只读变量: 常量黄
#e5c07b
- 字符串: 字符串绿
#98c379
- 数字 / 通用常量: 暖黄橙
#d19a66
- 逻辑 / 算术 / 位运算符: 青色
#56b6c2
- 函数 / 方法名: 函数蓝
#61afef
- 命名空间 / 模块 / 包名: 黄色
#e5c07b,部分命名空间名为黄色斜体
- this / self / Rust self 等语言内置变量: 黄色
#e5c07b
- 注释: 暗淡肤黄
#ffc3bab7,如果是不支持透明度的编辑器(Zed)使用 #be938b 替代
HTML / CSS / JSX / TSX
标签名: 浅蓝 #7d99db(在 TSX 纯文本上下文中为中性白 #c2c2c2)
属性名(className / style 等): 属性黄橙 #d19a66
尖括号 < >: 中性灰 #c2c2c2
HTML 内嵌 <script> 中的变量: 中性白 #c2c2c2(与纯文本一致)
CSS 属性名: 中性白 #c2c2c2
Markdown
- 标题: 红系
#e06c75
- 有序 / 无序列表符号: 浅蓝
#6f9bff
- 引用块: 中灰
#696969
- 加粗: 属性黄橙
#d19a66,加粗样式
- 斜体: 标签浅蓝
#6f9bff,斜体样式
- 行内代码 / 代码块: 字符串绿
#98c379
- 链接文字 / URL: 链接蓝
#61afef
Diff / Git
- 新增主要文本背景:
#85e73422
- 删除主要文本背景:
#ed344322
- 新增整行背景:
#8cc26521
- 删除整行背景:
#50101555
- 新增行边栏:
#233c0eca
- 删除行边栏:
#d8374523
终端
- 终端背景:
#181714
- 终端前景:
#c2c2c2
- ANSI 基础颜色: 基于 One Dark 系列重新调优,例如:
- 蓝:
#4aa5f0
- 青:
#42b3c2
- 绿:
#8cc265
- 红:
#e05561
- 黄:
#d18f52
插件市场安装
- 搜索 ID:
cjl.pretty-dark-theme
| |