◆

WebStorm 设置光标颜色的方法

2023-02-02 01:370

换了深色主题之后,我遇到的第一个不舒服的地方就是光标:默认那条竖线颜色和背景太接近,代码一多就找不到光标在哪,尤其从别的窗口切回来的时候得先动一下方向键才能定位。把光标调成高对比度的亮色(比如亮青或纯白)之后这个问题就没了。

这篇记的是光标颜色的设置位置,顺带说一下相关的行高亮配置,两者配合着调效果最好。

设置位置

打开设置面板,进入 Editor → Color Scheme → General,在右侧的树里展开 Editor → Caret(部分版本直接写作 Caret),选中后在右边把 Foreground 改成你想要的颜色。这里的 Foreground 就是光标那条竖线本身的颜色。

同一棵树里还有几个和「定位光标」相关的项,值得一起调:

  1. Editor → Caret row:光标所在行的整行底色,调得比背景稍亮一点就能横向定位。
  2. Editor → Identifier under caret:光标停在某个变量上时,同名变量的高亮色。
  3. Editor → Matched brace:配对括号的高亮,光标贴着括号时生效。

光标是否闪烁、闪烁频率、以及是否用块状光标,则在 Editor → General → Appearance 里(Caret blinking (ms) 和 Use block caret),跟颜色不在同一处。

下图是这块配色的位置,重点看左侧树里 General 下的 Caret 节点,以及右侧 Foreground 那一行的取色框。

WebStorm 配色方案 Editor - Color Scheme - General 中 Caret 光标颜色的 Foreground 设置

注意事项

  1. 配色跟主题绑定,改之前 WebStorm 会提示基于当前 scheme 创建副本,同意即可,否则换主题时改动会丢。
  2. 如果开了 Use block caret(块状光标),光标会变成覆盖整个字符的实心块,这时候颜色选得太亮反而会盖住底下的字符,建议配合半透明或者改用竖线光标。
  3. 多光标编辑(Alt + 点击)时所有光标共用这一个颜色,没法单独区分主副光标。
💬留言板0

还没有留言,来发表第一条吧~

PAGE LOAD / LIVEWebStorm 设置光标颜色的方法加载中