VSCode 글씨 색상 설정 값

2022. 12. 12. 15:04VSCode

설정 방법 : https://crispypotato.tistory.com/243

 

VSCode 글씨 색상 변경 방법

기본적으로 VScode에서 설정된 색상이 있지만 커스텀 해서 사용 하는 것도 나쁘지 않아 적용해 봤다. 내가 설정 한 색상 값 : https://crispypotato.tistory.com/242 VSCode 글씨 색상 설정 값 "editor.tokenColorCustom

crispypotato.tistory.com

 

* 설정 된 색상 값

 "editor.tokenColorCustomizations": {
        "textMateRules": [
          {
            "scope": "keyword.control.import.ts",
            "settings": {
              "foreground": "#FF657A"
            }
          },
          {
            "scope": "keyword.control.export.ts",
            "settings": {
              "foreground": "#FF657A"
            }
          },{
            "scope": "keyword.control.from.ts",
            "settings": {
              "foreground": "#FF657A"
            }
          },
          {
            "scope": "punctuation.definition.string.begin.ts",
            "settings": {
              "foreground": "#888d94"
            }
          },
          {
            "scope": "punctuation.definition.string.end.ts",
            "settings": {
              "foreground": "#888d94"
            }
          },
          {
            "scope": "punctuation.terminator.statement.ts",
            "settings": {
              "foreground": "#888d94"
            }
          },
          {
            "scope": "punctuation.separator.comma.ts",
            "settings": {
              "foreground": "#888d94"
            }
          },
          {
            "scope": "variable.other.readwrite.alias.ts",
            "settings": {
              "foreground": "#eaf2f1"
            }
          },
          {
            "scope": "storage.modifier.ts",
            "settings": {
              "foreground": "#FF657A"
            }
          },
          {
            "scope": "variable.parameter.ts",
            "settings": {
              "foreground": "#ff9b5e"
            }
          },
          {
            "scope": "meta.object-literal.key.ts",
            "settings": {
              "foreground": "#eaf2f1"
            }
          },
          {
            "scope": "variable.other.object.property.ts",
            "settings": {
              "foreground": "#eaf2f1"
            }
          },
          {
            "scope": "variable.other.object.ts",
            "settings": {
              "foreground": "#eaf2f1"
            }
          },
          {
            "scope": "variable.other.readwrite.ts",
            "settings": {
              "foreground": "#eaf2f1"
            }
          },
          {
            "scope": "meta.brace.round.ts",
            "settings": {
              "foreground": "#888d94"
            }
          },
          {
            "scope": "string.quoted.single.ts",
            "settings": {
              "foreground": "#FFD76D"
            }
          },
          {
            "scope": "string.quoted.single.ts",
            "settings": {
              "foreground": "#FFD76D"
            }
          },
          {
            "scope": "storage.type.interface.ts",
            "settings": {
              "foreground": "#9CD1BB"
            }
          },
          {
            "scope": "entity.name.type.interface.ts",
            "settings": {
              "foreground": "#9CD1BB",
            }
          },
          {
            "scope": "variable.object.property.ts",
            "settings": {
              "foreground": "#EAF2F1"
            }
          },
          {
            "scope": "keyword.operator.type.annotation.ts",
            "settings": {
              "foreground": "#FF657A"
            }
          },
          {
            "scope": "support.type.primitive.ts",
            "settings": {
              "foreground": "#9CD1BB", "fontStyle": "italic" 
            }
          },
          {
            "scope": "storage.type.class.ts",
            "settings": {
              "foreground": "#9CD1BB"
            }
          },
          {
            "scope": "storage.type.ts",
            "settings": {
              "foreground": "#9CD1BB", "fontStyle": "italic"
            }
          },
          {
            "scope": "entity.name.function.ts",
            "settings": {
              "foreground": "#BAD761"
            }
          },
          {
            "scope": "punctuation.decorator.ts",
            "settings": {
              "foreground": "#a2c5f3",
              "fontStyle": "italic bold"
            }
          },
          {
            "scope": "variable.other.constant.t",
            "settings": {
              "foreground": "#C39AC9"
            }
          },
          {
            "scope": "storage.modifier.async.ts",
            "settings": {
              "foreground": "#FF657A", "fontStyle": "italic"
            }
          },
          {
            "scope": "keyword.control.flow.ts",
            "settings": {
              "foreground": "#FF657A"
            }
          },
          {
            "scope": "constant.language.boolean.true.ts",
            "settings": {
              "foreground": "#C39AC9"
            }
          },
          {
            "scope": "entity.name.type.class.ts",
            "settings": {
              "foreground": "#a2c5f3","fontStyle": "italic bold underline" 
            }
          },
          {
            "scope": "variable.language.this.ts",
            "settings": {
              "foreground": "#a2c5f3","fontStyle": "italic bold underline" 
            }
          }
        ]
      }
728x90
반응형