Google Prettify를 사용하여 Visual Studio처럼 렌더링하는 방법

Question

Google에서 우수한 Code Prettify을 사용하고있어 매우 만족합니다.

하지만 다른 사람이 대체 CSS 스타일 시트를 가지고 있기 때문에 Visual Studio의 기본 색상과 조금 더 비슷하게 렌더링됩니까? 녹색 주석, 빨간색 텍스트/문자열 등

Answer 1

시간이 좀 걸렸지 만 정확히 Visual Studio의 색상 구성을 복제했습니다. 즐겨.

.com  { color: #008000; } 
.str, .tag { color: #A31515; } 
.kwd, .atv { color: #0000FF; } 
.typ  { color: #2B91AF; } 
.lit, .atn { color: #FF0000; } 
.pun, .pln { color: #000000; } 
.dec  { color: #800080; } 

댓글은 녹색 문자열/태그 붉은, 푸른 키워드, 푸른 빛이 도는 유형, 빨간색 숫자, 구두점 블랙, 퍼플 선언.

Answer 2

Visual Studio를 사용하지 않기 때문에 색 구성표를 모르지만 수정하기 쉽습니다.

1. 다운로드합니다 (CSS가 축소 된되었습니다으로하지 작은 버전) 전체 버전 src 디렉토리에
2. 열고 prettify.css 파일. 10 가지 정도의 "요소"가있어 색을 바꿀 수 있습니다.
3. Visual Studio에서 각 색상의 16 진 값을 가져옵니다 (사용 가능한 경우, 그렇지 않은 경우 색상 선택기 응용 프로그램을 사용하여 16 진 값을 얻을 수 있습니다).
4. CSS 파일의 각 요소에 대한 color 특성을 바꿉니다.

색상을 알고 있지만 잘하면이 도움이 될 것입니다.