미디어위키:Timeless.css

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.

• 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
• 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
• 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
• 오페라: Ctrl-F5를 입력.

/* Timeless 스킨 로고를 일자로 표시 (다크에 맞게 색상 조정) */
#p-logo-text a {
    white-space: nowrap !important;
    display: inline-block !important;
    text-align: center !important;
    font-size: 25px !important;
    font-weight: bold !important;
    line-height: 1 !important;
    color: #f0f0f0 !important; /* 밝은 글씨로 변경 */
}

/* 다크 테마 배경 및 폰트 */
body, #content, #mw-panel, #mw-head, #mw-footer, #site-navigation {
    background: #1e1e1e !important; /* 다크 배경 */
    color: #ddd !important;         /* 본문 글씨 밝기 조정 */
    font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', 'Segoe UI', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
}

/* 본문 문단 */
#content p {
    font-size: 15px;
    line-height: 1.8;
    color: #ddd; /* 본문 글씨색 */
}

/* 제목 폰트 */
h1, h2, h3, h4, h5 {
    font-family: 'Noto Sans KR', sans-serif !important;
    font-weight: 700;
    color: #fff; /* 제목 글씨는 더 밝게 */
}

/* 링크 컬러 */
a {
    color: #66ccff !important; /* 다크모드용 링크색 */
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* 목차 */
#toc {
    background: #2a2a2a !important;
    border: 1px solid #444 !important;
    color: #ddd !important;
}

/* 테이블/인포박스 */
table, .wikitable, .infobox {
    background: #2a2a2a !important;
    color: #ddd !important;
    border: 1px solid #444 !important;
}

/* 코드 박스 */
pre, code {
    background: #2a2a2a !important;
    color: #ccc !important;
    border: 1px solid #444 !important;
}

/* 사이드바 링크 색상 */
#mw-panel a {
    color: #ccc !important;
}

/* 전체 페이지 배경까지 다크로 */
html, body {
    background: #121212 !important; /* 완전 어두운 회색 */
    color: #ddd !important;
}

/* 컨텐츠 영역 */
#content, #mw-content-text {
    background: #1e1e1e !important;  /* 살짝 밝은 다크 */
    color: #ddd !important;
}

/* 사이드바 배경 */
#mw-panel {
    background: #1a1a1a !important;  /* 사이드바도 어둡게 */
    color: #ccc !important;
}

/* 헤더/탑바 */
#site-navigation, #mw-head {
    background: #1a1a1a !important;
    color: #ddd !important;
    border: none !important;
}