나만의 Vscode 설정

• Ctrl + shipt + p

 "editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        // import 같은것들
        "scope": [
          " keyword.control.import.tsx",
          " meta.import.tsx",
          " source.tsx"
        ],
        "settings": {
          "foreground": "#ff2828"
        }
      },
      {
        // const 같은것들
        "scope": [
          "storage.type.tsx",
          "meta.var.expr.tsx",
          "meta.block.tsx",
          "meta.arrow.tsx",
          "meta.var.expr.tsx",
          "source.tsx"
        ],
        "settings": {
          "foreground": "#e9ff23"
        }
      },
      {
        //함수명
        "scope": [
          "variable.other.readwrite.tsx",
          "variable.other.object.tsx",
          "variable.other.constant.tsx",
          "meta.definition.variable.tsx",
          "meta.var-single-variable.expr.tsx",
          "meta.var.expr.tsx",
          "source.tsx"
        ],
        "settings": {
          "foreground": "#ffb889"
        }
      },
      {
        //숫자
        "scope": [
          "constant.numeric.decimal.tsx",
          "variable.other.constant.property.tsx",
          "meta.block.tsx",
          "meta.arrow.tsx",
          "meta.block.tsx",
          "meta.arrow.tsx",
          "meta.var.expr.tsx",
          "meta.block.tsx",
          "meta.arrow.tsx",
          "meta.var.expr.tsx",
          "constant.numeric.css",
          "meta.property-value.scss",
          "source.css.scss",
          "meta.var.expr.tsx",
          "source.tsx",
          "support.constant.property-value.css",
          "support.constant.color.w3c-standard-color-name.css"
        ],
        "settings": {
          "foreground": "#d9d7ff"
        }
      }
    ]
  },
  "workbench.colorCustomizations": {
    "editor.background": "#24292E", // 원하는 색상 코드로 변경,
    "editor.foreground": "#d4d4d4", // 편집기 기본 텍스트 색상
    "terminal.background": "#24292E", // 터미널 배경색
    "terminal.foreground": "#d4d4d4", // 터미널 텍스트 색상
    "activityBar.background": "#282c34", // 액티비티 바 배경색
    "sideBar.background": "#21252b", // 사이드 바 배경색
    "statusBar.background": "#282c34", // 상태 바 배경색
    "titleBar.activeBackground": "#21252b", // 타이틀 바 배경색
    "titleBar.activeForeground": "#ffffff" // 타이틀 바 텍스트 색상
  }