1. 程式人生 > >通過設定自定義vscode內文字樣式,字串函式顏色等

通過設定自定義vscode內文字樣式,字串函式顏色等

找了一下vscode的主題,感覺風格都不是非常的喜歡,網友推薦的也是不太符合自己的心思,然後去官方文件裡面看了一下配置,自己瞎鼓搗了一下(顏色自己配置,:)驚喜的原諒色?),配置如下:

{
    //設定使用者選中程式碼段的顏色
    "workbench.colorCustomizations": {
        "editorBracketMatch.background": "#e4393c",//匹配括號的背景色
        "editorCursor.foreground": "#01cd78",//編輯器游標顏色
        // "activityBar.background":"e4393c",//活動欄背景色
        "activityBar.foreground":"#01cd78",//活動欄前景色,圖示顏色
        // "editor.background":"#e4393c",//編輯器背景顏色
        "editor.findMatchBackground":"#e4393c",//搜尋項顏色
        // "editor.findMatchHighlightBackground":"#01cd78",//其他搜尋項顏色
        // "editor.lineHighlightBackground":"#e4393c",//游標所在行高亮文字的背景顏色
        // "editor.selectionBackground": "#01cd78",//編輯器所選內容的顏色
        "editor.selectionHighlightBackground": "#01cd78",//與所選內容具有相同內容的區域顏色
        // "editor.rangeHighlightBackground": "#e4393c",//突出顯示範圍的背景顏色,例如 "Quick Open" 和“查詢”功能
        // "editorGutter.background": "#01cd78",//編輯器導航線的背景色,導航線包括邊緣符號和行號
        // "editorLineNumber.foreground": "#01cd78",//編輯器行號顏色
        // // "sideBar.background": "#01cd78",//側邊欄背景色
        // "sideBar.foreground": "#01cd78",//側邊欄前景色
        // "sideBarSectionHeader.background": "#01cd78",//側邊欄節標題的背景顏色
        // "statusBar.background": "#01cd78",//標準狀態欄背景色
        // "statusBar.noFolderBackground": "#01cd78",//沒有開啟資料夾時狀態列的背景色
        // "statusBar.debuggingBackground": "#01cd78",//除錯程式時狀態列的背景色
        // "tab.activeBackground": "#01cd78",//	活動選項卡的背景色
        // "tab.activeForeground": "#01cd78",//	活動組中活動選項卡的前景色
        // "tab.inactiveBackground": "#01cd78",// 非活動選項卡的背景色
        // "tab.inactiveForeground": "#01cd78",// 活動組中非活動選項卡的前景色

        "terminal.foreground":"#01cd78",
   },
    // 函式名等顏色
    "editor.tokenColorCustomizations":{
        // "textMateRules": [
        //     {
        //         "scope":"",
        //         "settings": {
        //             "foreground": "#FF0000",
        //             "fontStyle": "bold"
        //         }
        //     }
        // ],//規則與樣式
        "functions": "#e4393c",//函式顏色
        "strings": "#7fb785",//字串顏色
        "keywords": "#FF0000",//關鍵字顏色
        "types": "#FF0000",//型別定義顏色
        "variables": "#FF0000",//變數顏色
        // "numbers": "#FF0000",//數字顏色
        // "comments": "#FF0000",//註釋顏色
    },
    "vim.useCtrlKeys": false,
}

在使用者設定裡面放入json就可以了,滑鼠移入還能看到vscode給的註釋