vscode material icon theme 다운로드 - vscode material icon theme 소스 코드 다운로드

vscode material icon theme

기타 소스코드

v5.14.1

다운로드

.vscode/extensions 폴더.

이 예에서는 .vscode/extensions 폴더 내의 icons 폴더에 배치합니다.

 .vscode
 ┗ extensions
   ┗ icons
     ┣ folder-sample.svg
     ┗ folder-sample-open.svg

settings.json(사용자 설정만 해당!)에서 폴더 아이콘은 다음과 같이 폴더 이름(예: "src")에 연결될 수 있습니다.

 "material-icon-theme.folders.associations" : {
    "src" : " ../../../../icons/folder-sample "
}

사용자 정의 폴더 아이콘 복제

기존 폴더 아이콘을 복제하고 색상을 변경하여 폴더 이름과 연결할 수 있는 새 아이콘을 만드는 것도 가능합니다. 다음 예에서는 admin 폴더 아이콘을 복제하는 방법을 보여줍니다.

 "material-icon-theme.folders.customClones" : [
  {
    "name" : " users-admin " ,
    "base" : " admin " ,
    "color" : " light-green-500 " ,
    "lightColor" : " light-green-700 " ,
    "folderNames" : [ " users " ]
  },
  {
    "name" : " roles-admin " ,
    "base" : " admin " ,
    "color" : " purple-400 " ,
    "folderNames" : [ " roles " ]
  }
]

이렇게 하면 폴더 이름 users 및 roles 과 각각 연결된 users-admin 및 roles-admin 라는 두 개의 새 아이콘이 생성됩니다. base 속성은 복제해야 하는 아이콘(이 경우 admin 폴더 아이콘)을 정의합니다. color 속성은 새 아이콘의 색상을 정의합니다. lightColor 속성은 선택 사항이며 Visual Studio Code가 밝은 색상 테마로 실행될 때 아이콘의 색상을 정의합니다. folderNames 속성은 새 아이콘과 연결되어야 하는 폴더 이름을 정의합니다.

color 및 lightColor 속성에 모든 #RRGGBB 색상을 사용할 수 있지만 재료 팔레트의 색상을 사용하려면 여기에서 허용되는 별칭의 전체 목록을 확인할 수 있습니다.
여기에서 base 으로 사용할 수 있는 아이콘의 전체 목록을 확인할 수 있습니다.

언어 협회

다음 구성을 사용하면 언어 아이콘을 사용자 정의할 수 있습니다. 기존 연결을 덮어쓰는 것도 가능합니다.

 "material-icon-theme.languages.associations" : {
    "languageId" : " iconName " ,
    "json" : " json "
}

위의 개요에서 사용 가능한 아이콘 이름을 확인할 수 있습니다. languageId 에 허용되는 값 목록은 VS Code 설명서의 "알려진 언어 식별자"를 참조하세요.

명령

Ctrl-Shift-P 눌러 명령 팔레트를 열고 Material Icons 입력합니다.

명령	설명
아이콘 테마 활성화	아이콘 테마를 활성화하세요.
파일 색상 변경	파일 아이콘의 색상을 변경합니다.
폴더 색상 변경	폴더 아이콘의 색상을 변경합니다.
폴더 테마 변경	폴더 아이콘의 디자인을 변경합니다.
불투명도 변경	아이콘의 불투명도를 변경합니다.
채도 변경	아이콘의 채도 값을 변경합니다.
아이콘 팩 구성	추가 아이콘(예: Angular, React, Ngrx)을 활성화하는 아이콘 팩을 선택합니다.
탐색기 화살표 전환	폴더 아이콘 옆에 있는 화살표를 표시하거나 숨깁니다.
기본 구성 복원	기본 구성으로 재설정합니다.
회색조 전환	아이콘 채도를 `0` (회색조) 또는 `1` (색상)로 설정합니다.