One Dark Remix
基于 Atom One Dark Theme 2.3.0 版本的个人定制版本。
安装
- 下载
.vsix 文件
- 在 VS Code / Cursor 中执行
Extensions: Install from VSIX...
- 选择主题
One Dark Remix
自定义配色
VS Code 内置了颜色自定义功能,无需主题扩展特殊支持。你可以在 settings.json 中覆盖任何主题颜色。
使用方式
在 VS Code 或 Cursor 中打开设置(Ctrl+,),搜索 colorCustomizations,或直接编辑 settings.json:
"workbench.colorCustomizations": {
"[One Dark Remix]": {
"tab.activeBorderTop": "#FF0000",
"editor.background": "#1E1E1E"
}
}
常用可自定义配色
| 配置项 |
说明 |
tab.activeBorderTop |
活跃标签页顶部边框颜色 |
tab.activeBackground |
活跃标签页背景色 |
tab.activeForeground |
活跃标签页文字色 |
editor.background |
编辑器背景色 |
editor.foreground |
编辑器文字色 |
activityBar.background |
左侧活动栏背景 |
sideBar.background |
侧边栏背景 |
statusBar.background |
底部状态栏背景 |
更多可用配色参见 VS Code Theme Color Reference。
默认 Tab 相关配色
| 配置项 |
颜色值 |
说明 |
tab.activeBackground |
#282C34 |
活跃标签页背景 |
tab.activeForeground |
#D7DAE0 |
活跃标签页文字 |
tab.inactiveBackground |
#21252B |
非活跃标签页背景 |
tab.border |
#181A1F |
标签页边框 |
tab.activeBorderTop |
#E06C75 |
活跃标签页顶部边框 |
与原版的差异
本主题在 akamud.vscode-theme-onedark 基础上做了以下小修改:
活跃标签页顶部红色边框
添加了 tab.activeBorderTop: #E06C75 配置,使当前活跃的文件标签页顶部显示一条红色边框线,更符合个人习惯,便于快速识别当前编辑的文件。
使用的红色 #E06C75 是主题中已有的配色(用于变量、标签名等),与整体风格协调一致。
原版致谢
本主题源自 akamud/vscode-theme-onedark,感谢原作者的工作。
原版主题在 VS Code Marketplace 和 Cursor Marketplace 均可获取。
License
MIT