TEX_Theme
全面的 VSCode 界面颜色自定义工具，支持标题栏、侧边栏、状态栏、编辑器等多个组件的独立颜色设置。
写在前面：请先恢复默认后再卸载！
功能特性
🎨 全局模式
- 一键将颜色应用到所有界面组件
- 快速统一切换主题风格
🧩 组件独立设置
支持以下组件的独立颜色自定义：
- 标题栏 - VSCode 顶部标题栏
- 侧边栏 - 文件资源管理器区域
- 活动栏 - 左侧图标栏
- 状态栏 - 底部状态栏
- 编辑器 - 代码编辑区域背景
- 面板 - 终端/输出面板
✨ 核心功能
- 交互式颜色选择器
- 预设颜色快速选择
- 实时预览效果
- 每个组件支持独立恢复默认
- 一键恢复所有默认设置
- 自动计算对比色确保文字可读性
- 扩展禁用/卸载时自动清除所有自定义颜色
使用方法
启动颜色选择器
- 点击状态栏左侧的
🖌 TEX_Theme 按钮
- 或使用命令面板 (
Ctrl+Shift+P) 搜索 TEX_Theme: 自定义颜色
全局模式
- 勾选"全局模式"开关
- 选择颜色或使用预设
- 点击"应用到所有组件"
组件模式
- 关闭"全局模式"开关
- 在各组件卡片中选择颜色
- 点击"应用"按钮
- 需要恢复时点击"恢复默认"
重置所有颜色
- 点击颜色选择器底部的"恢复所有默认"按钮
- 或使用命令面板搜索
TEX_Theme: 重置颜色
安装
从 VSIX 文件安装
- 下载
tex-theme-1.0.0.vsix 文件
- 在 VSCode 中按
Ctrl+Shift+P 打开命令面板
- 输入
Extensions: Install from VSIX...
- 选择下载的 VSIX 文件
配置项
扩展会自动保存颜色设置到 VSCode 全局状态，无需手动配置。
以下配置项仅供内部使用：
tex.titlebarColor - 标题栏颜色tex.sidebarColor - 侧边栏颜色
注意事项
- 颜色格式 - 支持标准 HEX 格式（如
#007ACC）
- 文字可读性 - 扩展会自动计算对比色，确保文字清晰可读
- 卸载清理 - 禁用或卸载扩展时，所有自定义颜色会自动清除
- 主题兼容 - 与 VSCode 主题系统完全兼容，可随时切换回默认主题
技术实现
- 使用 VSCode
workbench.colorCustomizations API 设置颜色
- Webview 面板实现交互式颜色选择器
- 全局状态持久化保存用户设置
- TypeScript 编写，类型安全
许可证
MIT License
版本历史
v1.0.0
- 初始版本
- 支持全局模式和组件模式
- 支持 6 个界面组件的独立颜色设置
- 自动对比色计算
- 扩展卸载时自动清理
- 目前处于beta阶段，存在许多问题，欢迎反馈:zxcvbnmqqw2023@163.com
| |
