[티스토리 꾸미기] 스킨 편집 Step 5 - 코드 블럭 스타일 변경

개요

디자이너가 아니라서 코드 블럭 스타일 변경하는 방법만 공유.

 

작업

/* 삭제 */
.article-view pre {
    padding: 20px;
    background: rgba(0, 0, 0, 0.05);
    font-size: 16px;
    color: rgba(34, 85, 51, 0.87);
    white-space: pre-wrap;
}

/* 추가 */
.article-view pre code {
    display: block;
    background-color: #202123;
    padding: 20px;
    overflow-x: auto;
    border-radius: 5px;
}