修改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