비주얼 스튜디오 코드(VS Code) MarkDown 스타일 설정

비주얼 스튜디오 코드에서 코딩할 때 다크테마로 세팅 해서 쓰다 보니

마크다운 프리뷰 보기에서도 다크테마로 적용되어 다소 가독성이 떨어지는 것 같아서 라이트 테마로 한 번 설정해 보았습니다.

 

일단 깃허브 마크다운 스타일 파일과, 리셋 스타일 아래 파일을 다운받습니다.

 

github-markdown.css

다운로드

reset-markdown.css

다운로드

 

그리고 File > Preferences > Settings (Code > Preferences > Settings on Mac)

 

settings.json 파일을 열어 아래 코드를 추가 합니다.

 (저 같은 경우 settings.json파일이 위치한 경로에 마크다운 스타일 파일을 넣어 두었습니다.)

"markdown.styles": [
    "/Users/ho/Library/Application Support/Code/User/github-markdown.css",
    "/Users/ho/Library/Application Support/Code/User/reset-markdown.css"
]

 

프리뷰 적용화면 입니다.