修改VScode行號區的背景顏色

vs code是相當不錯的一個編輯器，現階段我用來編寫nim程序。
vs code非常喪心病狂一點就是行號區和編輯區的背景顏色都是一樣，
這樣會導致要看行首有沒有對齊會非常吃力。這個問題讓我糾結了非常久。

我第一次找到的解決方法是，通過修改workbench.main.css ，在里面定義margin-view-overlays的背景顏色。
但是會導致vscode文件提示損壞，這雖然不會影響正常使用。如果更新或者默認安裝新版本的VSCODE，
workbench.main.css肯定會被覆蓋掉，所以這個還不是最好的解決方法。
不過，如果你想魔改vscode, 直接去改workbench.main.css應該是個好方法。

更好的方法是在用戶設置用定義加入：

    "workbench.colorCustomizations": {
        "editorLineNumber.foreground": "#17a346",
        "editorGutter.background": "#020230",
        "editorCursor.foreground": "#d41313",
    },

打開用戶設置的方法是文件-首選項-設置，快捷鍵是ctrl + ,
這個用戶設置會保存在settings.json中
完整路徑是 %appdata%\Code\User\settings.json

以下是我個人設置的完整內容:

// 將設置放入此文件中以覆蓋默認設置
{
    "vsicons.dontShowNewVersionMessage": true,
    "window.zoomLevel": 1,
    "workbench.activityBar.visible": true,
    "workbench.iconTheme": "vscode-icons",
    "workbench.statusBar.visible": true,
    "editor.accessibilitySupport": "on",
    "editor.renderIndentGuides": false,
    "[nim]": {},
    "editor.tabSize": 4,
    "workbench.colorCustomizations": {
        "editorLineNumber.foreground": "#17a346",
        "editorGutter.background": "#020230",
        "editorCursor.foreground": "#d41313",
    },
    "workbench.colorTheme": "Monokai",
    "terminal.integrated.cursorBlinking": true,


}

如以上設置，行號是亮綠色，行號區是暗藍色，光標是亮紅色的。

codegay 2018年2月24日 17:46:31