이 주제가 #customization:theme:broken-theme 으로 이동되었으므로, 이 테마는 더 이상 유지보수되지 않는 것으로 보입니다. 저는 vincent 테마가 자체적으로 충분히 잘 작동했지만, 자체 포크를 유지보수할 자원이 없어서 포럼에서 크롬 확장 프로그램으로 사용하는 일련의 수정 사항(tweaks)을 가지고 있습니다. 이 수정 사항들은 다소 주관적인 취향에 기반하여 개인적인 취향에 맞게 조정되어 있고, 모든 것을 다루지는 않으며, 이제 공식적으로 수정된 버그를 해결하기 위한 것일 수도 있어 다소 오래되었을 수 있지만, 누군가에게는 유용할 수 있습니다.
/************************************
모바일 전용 수정 / 조정
************************************/
/* 잘못된 패딩 수정 */
.form-vertical,
.user-main .about .primary,
.user-main .about .secondary,
.user-main .user-content {
padding: 15px;
}
/* 헤더 로고가 아래쪽에서 잘리는 문제 수정 */
.d-header #site-logo {
max-height: 2.6em;
}
/* 일관되지 않은 크기의 잠금/비공개 해제 메시지 수정, 스레드 오른쪽의 신비로운 여백 문제 수정 */
.small-action {
width: 100%;
}
/* YouTube 임베드가 가운데 정렬되지 않는 문제 수정 */
.lazyYT-container {
margin: 12px 20px;
}
/* 태블릿에서 토픽 목록 패딩 수정 */
#list-area .contents tbody td {
padding: 10px 15px;
}
/************************************
일반 및 데스크톱 전용 수정 / 조정
************************************/
/* html에서 .font-helvetica에 의해 폰트가 덮어쓰이는 문제 수정 */
html {
font-family: "Assistant", sans-serif !important;
}
/* 사각형 카테고리 색상 배지 */
span.badge-category-bg, span.badge-category-parent-bg, span.badge-category-parent-bg+.badge-category-bg {
border-radius: 0;
}
.badge-wrapper.bullet .badge-category-parent-bg,
.badge-wrapper.bullet .badge-category-parent-bg+.badge-category-bg,
.extra-info-wrapper .badge-wrapper.bullet .badge-category-parent-bg {
width: 4px;
min-width: 4px;
}
span.badge-category-parent-bg {
border-right: 1px solid rgba(0,0,0,0.2);
}
span.badge-category-parent-bg+.badge-category-bg {
border-left: 1px solid rgba(0,0,0,0.2);
}
/* 스레드가 너무 좁고 페이지 하단 컨트롤과 이상하게 정렬되는 문제 수정 */
.topic-post {
max-width: 758px;
}
.topic-post .embedded-posts {
width: 758px;
}
#topic-title .title-wrapper {
margin-left: 0;
margin-right: 0;
width: 758px;
}
#topic-title, .posts-wrapper {
margin: 0;
width: 758px;
}
html.desktop-view.not-mobile-device .topic-body {
max-width: 758px;
}
.topic-body {
width: 100%;
}
/* 새 스레드 배너가 표시될 때 스레드 목록 정렬 라벨의 낮은 대비 수정 */
.show-more.has-topics .alert {
background: rgba(40,42,49,1);
}
.alert.alert-info {
background: rgba(19,20,24,1);
}
/* 코드 블록이 더 잘 어울리도록 수정 */
p>code, li>code, pre>code {
background: rgba(255,255,255,0.09);
}
/* YouTube 임베드 패딩 누락 수정 */
.lazyYT.lazyYT-container {
width: 100% !important;
}
/* 카테고리 왼쪽 색상 줄이 카테고리 컨테이너 하단까지 도달하지 않는 문제 수정 */
.category-list tbody .category {
display: table-cell;
}
/* 더 나은 하위 카테고리 레이아웃 (데스크톱 전용) */
.not-mobile-device .category-list .subcategories {
display: flex;
flex-direction: column;
}
.not-mobile-device .category-list .subcategories .subcategory .badge.new-posts {
display: inline-block;
margin: 0 5px;
}
.not-mobile-device .category-list .subcategories .subcategory {
height: 21px;
align-items: center;
}
/* 고정된 게시물 강조 */
.topic-list-item.pinned {
background: rgba(200,200,255,0.06);
}
.topic-list tbody tr:nth-of-type(even).pinned {
background: rgba(200,200,255,0.04);
}
/* 비활성화된 새 토픽 버튼의 더 나은 외관과 대비 */
.list-controls #create-topic[disabled],
.list-controls #create-topic.disabled {
background-color: rgba(255,255,255,0.04);
color: #888
}
.list-controls #create-topic[disabled]:hover,
.list-controls #create-topic.disabled:hover {
background-color: rgba(255,255,255,0.06);
}
.list-controls #create-topic[disabled] svg,
.list-controls #create-topic.disabled svg {
color: inherit;
}
/* 더 나은 가독성을 위한 더 큰 글자 간격 */
* {
letter-spacing: 0.2px;
}
/* 더 나은 가독성을 위한 더 큰 폰트 */
a {
font-size: 95%; /* 테마는 90%로 설정 */
}
.search-link .blurb {
font-size: 1em;
}
/* 검색 페이지에서 잘못 색칠된 UI 수정 */
.search-container .search-advanced-sidebar .search-advanced-title,
.search-container .search-advanced-sidebar .search-advanced-filters {
background: rgba(255,255,255,0.04);
}
.search-container .search-advanced-sidebar .search-advanced-title.btn {
background: rgba(255,255,255,0.04);
}
.search-advanced-options {
background: rgba(0,0,0,0.3);
margin-bottom: 10px;
}
/* 프로필 소개를 위한 컴포저 주변의 떠 있는 테두리 수정 */
.user-preferences .bio-composer {
border: none;
}
/* 프로필 페이지에서 접기 버튼이 프레임에서 벗어나는 문제 수정 */
.user-main .about .details .primary,
.user-main .about.collapsed-info .details .primary {
width: auto;
}
/* 게시물 공지 크기 및 테두리 색상 수정 */
.post-notice {
width: calc(100% - 1.6em);
border-top: none;
}
/* 게시물 링크 컨테이너 크기 수정 */
.post-links-container {
margin-left: 0;
}
/* 소개 스크롤 바가 오른쪽에 있지 않는 문제 수정 */
.user-main .about .details .primary .bio {
max-width: none;
}
/* 카테고리 링크 하이라이팅 */
.category-list .subcategories .subcategory .badge-wrapper:hover .category-name {
color: white;
}
.category-list .subcategories .subcategory .badge-wrapper .category-name {
transition: color 0.3s;
}
/* 숨겨진 게시물이 해제 링크에 의해 수평으로 나뉘는 문제 수정 */
.post-hidden {
position: relative;
}
.post-hidden .expand-hidden {
position: absolute;
top: 36px;
left: 0;
z-index: 1;
}
.post-hidden .post-menu-area,
.post-hidden .expand-hidden {
opacity: 0.5;
}
}
