🎨 Coder Theme

基于Visual Studio Code的最新主题VS Code修改而来，为开发者提供舒适的编码体验。

📸 预览

Coder Dark & Coder Light

Coder Dark	Coder Light

Coder Dark Sakura & Coder Light Sakura

Coder Dark Sakura	Coder Light Sakura

✨ 功能特性

• 四种主题变体：
  • 🌙 Coder Dark - 精心打造的深色主题
  • ☀️ Coder Light - 简洁专业的浅色主题
  • 🌸 Coder Dark Sakura - 樱花粉色强调色的深色主题
  • 🌸 Coder Light Sakura - 樱花粉色强调色的浅色主题
• 护眼配色：针对长时间编码优化的调色板
• 语法高亮：支持多种语言的全面标记颜色
• 现代 UI：提供蓝色和樱花粉两种强调色方案

主要颜色

界面颜色

颜色类型	Coder Dark	Coder Light	Coder Dark Sakura	Coder Light Sakura
背景	#273136	#f8f9f6	#273136	#f8f9f6
前景	#c5cfd3	#2a2a2a	#d9d9d9	#2d2d2d
强调色	#4da6cc	#0066cc	#ff7aad	#e91e63
错误色	#ff7b72	#c42b1c	#f27979	#c72e1f
警告色	#e8c07d	#7d8a0a	#f2d466	#e65100
成功色	#73c991	#4a8f2e	#73c991	#2e7d32
边框	#2e383d	#d8d9d6	#2e3233	#f5c6d0

语法高亮

颜色类型	Coder Dark	Coder Light	Coder Dark Sakura	Coder Light Sakura
注释	#8b949e	#6e7781	#a9aaab	#9e9e9e
字符串	#a5d6ff	#0a3069	#a4d964	#2e7d32
数字	#79c0ff	#0550ae	#be8df2	#7b1fa2
关键字	#ff7b72	#cf222e	#ff7aad	#c2185b
函数	#d2a8ff	#8250df	#ff7aad	#e91e63
类/标签	#7ee787	#116329	#f2d466	#e65100
变量	#ffa657	#953800	#d9d9d9	#e65100
属性	#79c0ff	#0550ae	#be8df2	#e91e63

🚀 安装

通过 VS Code 市场安装

1. 打开 VS Code
2. 按 Ctrl+Shift+X 打开扩展面板
3. 搜索 "Coder Theme"
4. 点击 安装

通过命令行安装

code --install-extension Mosaulse.coder-theme

⚙️ 自定义设置

您可以通过在 settings.json 中添加以下设置来进一步自定义主题：

{
  "workbench.colorCustomizations": {
    "[Coder Dark]": {
      // 为 Coder Dark 添加自定义颜色
    },
    "[Coder Light]": {
      // 为 Coder Light 添加自定义颜色
    },
    "[Coder Dark Sakura]": {
      // 为 Coder Dark Sakura 添加自定义颜色
    },
    "[Coder Light Sakura]": {
      // 为 Coder Light Sakura 添加自定义颜色
    }
  }
}

🎯 推荐配置

为了获得最佳体验，建议配合以下设置使用：

{
  "editor.fontFamily": "Maple Mono NF",
  "editor.fontSize": 14,
  "editor.lineHeight": 1.6,
  "editor.semanticHighlighting.enabled": true,
  "editor.bracketPairColorization.enabled": true
}

---

📄 许可证

本项目采用 MIT 许可证 - 随意使用和修改！

🤝 贡献

欢迎贡献！请随时提交 问题 和 拉取请求。

💬 支持

如果您遇到任何问题或有建议，请：

• 在 GitHub Issues 上提出问题
• 在 VS Code 市场 留下评价
• 给项目点个 ⭐ Star！

---

⬆️ 回到顶部

Made with ❤️ by Mosaulse