Utolee90/liberty-dark.css

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

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

/* 다크 모드에 최적화된 리버티 스킨 디자인 변경 */
/* 기본색: #4188f1-> #224A87 */
.Liberty .nav-wrapper, .Liberty .nav-wrapper .navbar .form-inline .btn:hover, .Liberty .nav-wrapper .navbar .form-inline .btn:focus, .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item .nav-link.active::before, .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item .nav-link:hover::before, .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item .nav-link:focus::before, .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item .nav-link:active::before, .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-footer .label, .Liberty .content-wrapper .liberty-content .liberty-content-header .content-tools .tools-btn:hover, .Liberty .content-wrapper .liberty-content .liberty-content-header .content-tools .tools-btn:focus, .Liberty .content-wrapper .liberty-content .liberty-content-header .content-tools .tools-btn:active, #liberty-scrollup, #liberty-scrolldown{
  background-color:#224a87;
}
#searchInput {
   background-color:#1f2023;
   color: #ddd;
}
/* msUpoad 색상 */
#msupload-div {
    background-color: #1f2023;
}
#msupload-dropzone {
   color: #ddd;
   border: 1px dashed #ddd;
}
/*editor 글자색 - 이미지형식이라 답이 없음... */
#wikiEditor-ui-toolbar .tabs a {
  color: #9b9cd7;
}

/* 소스 상자 등 색깔 변경 */
pre, .liberty-notice {
    background-color:#1f2023;
    color: #ddd;
}
/* 사용자 문서 안내 */
.libre-notice {
   background-color: #1f2023 !important;
    color: #ddd !important;
}
.libre-notice .tp_link {
   color:white !important;
}
/* 요약문 */
input#wpSummary {
   background-color: #1f2023 !important;
   color: #ddd !important;
}
/* 미리보기버튼 */
#wpPreview {
  background-color: #2f9dba;
  color:white;
}
/* 차이 보기 */
#wpDiff {
   background-color:#315830;
   color:white;
}
/* 선택상자 옵션 */
select {
   background-color: #1f2023;
   color:white;
   border: 1px solid white;
}
select option:hover {
    background-color: #5e5e5e;
}
/* 텍스트 상자 옵션 */
input [type*="text"] {
   background-color: #1f2023;
   color: #ddd;
}

/* 특수문서에서 활성화되지 않으므로 미디어위키용 위젯들 강제지정*/
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
   background-color: #1f2023;
   color:white;
   border: 1px solid white;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
   background-color: #1f2023;
   color:white;
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
   background-color: #1f2023;
   color: #ddd;
}

.oo-ui-checkboxInputWidget[type="checkbox"], .oo-ui-radioInputWidget[type="radio"] {
   background-color:#1f2023;
}

/* charInsert 상자 배경색 전환 */

.mw-edittools-section input {
    background-color:#315830;
}

/* 준보호 편집문서 편집창 색상 진하게 */
.mw-textarea-sprotected {
   background-color: #4f4f02;
}

/* 틀 설명문서 배경색 변경 - 배경색 커스텀이 안되는 단점. */
.template-documentation {
    background-color: #00585f !important;
    color: white;
}
/* 링크색은 밝게 지정 */
a {
   color: #cdcdeb;
}

/* 둘러보기 상자 설정 */
.navbox th:first-type{
  background-color: #224A87 !important;
}

.navbox th.tp_link {
   background-color: #1f2023 !important;
}

.navbox td [style*="background:#b7b7b721"] {
   background-color: #4f4f4f !important;
}

.navbox td.navbox-list {
   background-color: #1f2023 !important 
}

code {
    background-color: #1f2023;
    color: #ddd;
}

사용자:Utolee90/liberty-dark.css