OpenCode 的界面元素会跟随 IDE 的整体主题自动适配,但你可以根据个人习惯微调插件自身的展示方式,让它在长时间编码时不刺眼、不遮挡代码。
1. 主题模式切换
进入 OpenCode 设置页的「外观」或「界面」分组:
- 跟随 IDE(默认):侧边栏、对话窗口、设置面板自动同步 VS Code / JetBrains 当前的暗色(Dark)或亮色(Light)主题,无需手动干预。
- 强制暗色 / 强制亮色:若 IDE 使用第三方主题导致 OpenCode 界面配色不协调,可在此锁定一种模式。
JetBrains 特别提示:若 IDE 主题为自定义配色方案,部分旧版本可能出现侧边栏背景色异常,建议升级 OpenCode 插件至最新版,或在 IDE 的
Settings→Appearance中切换回官方 Darcula / Light 主题。
2. 侧边栏与对话面板布局
- 侧边栏停靠位置(VS Code):OpenCode 的聊天视图默认出现在左侧活动栏。可右键点击侧边栏标题,选择「移至右侧」,与文件资源管理器分置两侧,减少代码区横向挤压;也可拖动面板到底部面板区,改为横向布局,适合宽屏显示器。
- 独立窗口(部分 JetBrains 版本):支持将对话面板拖拽为浮动窗口,方便双屏办公时把文档或对话放在副屏,主屏保留全屏代码编辑器。
3. 字体与字号
- 编辑器内联补全字体:默认继承 IDE 的编辑器字体。若觉得灰色幽灵文本与正文字体区分度不够,可在 OpenCode 设置中勾选「补全文本加斜」或「降低补全文本透明度」(部分版本支持)。
- 侧边栏对话字体:可单独设置聊天面板的字号,建议与 IDE 编辑器字号保持一致(如 14 px),避免频繁切换视线时产生视觉落差。
4. 代码补全提示样式
在「外观」或「补全展示」选项中:
- 幽灵文本(Ghost Text):默认以灰色斜体显示在光标后,视觉干扰最小,适合专注编码。
- 下拉列表:若不喜欢行内幽灵文本,可改为类似传统 IDE 的候选下拉框,按
↓或数字键选择。该模式在补全较长函数体时更易预览全貌。 - 颜色微调(VS Code):若使用的是高对比度主题,可在 VS Code 的
settings.json中搜索editorGhostText.foreground,自定义幽灵文本颜色,确保在各种主题下都清晰可见。
5. 状态栏图标精简
右下角状态栏默认显示当前模型名称与连接状态。若希望界面更简洁:
- 点击状态栏空白处右键(VS Code),在「状态栏条目」中隐藏 OpenCode 图标;需要切换模型时,通过快捷键或命令面板调出即可。
- JetBrains 用户可在
View→Appearance→Status Bar中调整相关 Widget 的显隐。
6. 快捷恢复默认
如果调整后面板位置混乱或配色异常,在 OpenCode 设置页点击「重置界面布局」,可一键恢复插件初始的窗口位置与主题设定,无需重装。