Editor 커스텀하기

vscode 상단에 검색창에서 settings.json을 열어 편집할 수 있다. 아래의 내용을 참고해 원하는 색을 넣어가며 수정하면 된다.

 

{
    "workbench.colorCustomizations": {
        "editor.background": "#1e1f21", // 배경
        "activityBar.background": "#1e1f21", // 왼쪽 Activity Bar
        "sideBar.background": "#1e1f21", // 사이드바 
        "editorGroupHeader.tabsBackground": "#1e1f21", // 그룹 헤더
        "tab.activeBackground": "#323337", // 선택된 탭 배경색
        "tab.inactiveBackground": "#28292B", // 비활성 탭 
        "titleBar.activeBackground": "#1e1f21", // 상단 타이틀 바 배경
        "titleBar.activeForeground": "#eee", // 상단 타이틀 글자색
        "statusBar.background": "#1e1f21", // 하단 상태 바 배경
        "editorCursor.foreground": "#BFA067", // 커서
        "editor.selectionBackground": "#323337", // 선택 영역
        "editor.lineHighlightBackground": "#323337" // 현재 줄 강조 
    },
    "editor.tokenColorCustomizations": {
        "comments": "#E0C589", // 주석 
        "keywords": "#789cce", // 키워드 (def, for)
        "functions": "#c3d6f2", // 내장 함수 (.append)
        "strings": "#90D8C4", // 문자열  ''' sth '''
        "variables": "#ffd6da", // 변수명 (window=)
        "types": "#948b7c", // 클래스명 
        "numbers": "#D99A9C" // 숫자 
    },
    "editor.semanticTokenColorCustomizations": {
        "rules": {
            "namespace": {
                "foreground": "#a19c8e"
            }, // 모듈 
            "class": {
                "foreground": "#d1eaf5"
            }, // 클래스 
            "function": {
                "foreground": "#d1eaf5"
            }, // 함수 (torch.zeros) 
            "variable": {
                "foreground": "#ece4da"
            } // 변수 
        }
    },
}

 

각 브라켓마다 ',' 쉼표는 필수이니 오류가 난다면 확인해 보면 된다.