참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
- 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
- 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
- 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
- 오페라: Ctrl-F5를 입력.
/* 참조: 사용자:Cerulean/liberty-dark.css */
/* 다크 모드에 최적화된 리버티 스킨 디자인 변경 */
/* 기본색: #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,
[style*="background: #4188f1;"],
[style*="background:#4188f1;"]
[style*="background-color:#4188f1;"]{
background-color: #224a87;
}
/* navbar 관련 스타일 */
#searchInput { /* 문서 검색창 */
background-color:#1f2023;
color: inherit;
}
/* msUpoad 색상 */
#msupload-div {
background-color: #1f2023;
}
#msupload-dropzone {
color: inherit;
}
/* 소스 상자 등 색깔 변경 */
pre,
.liberty-notice {
background-color: #1f2023;
color: inherit;
}
/* 사용자 문서 안내 */
.libre-notice {
background-color: #1f2023 !important;
color: inherit !important;
}
.libre-notice .tp_link {
color: white !important;
}
/* 요약문 */
input#wpSummary {
background-color: #1f2023 !important;
color: inherit !important;
}
/* 미리보기버튼 */
#wpPreview {
background-color: #2f9dba;
color:white;
}
/* 차이 보기 */
#wpDiff {
background-color:#315830;
color:white;
}
/* 체크박스 */
.editButtons input {
filter: brightness(0.9);
border-color: transparent !important;
}
/* 선택상자 옵션 */
select {
background-color: #1f2023;
color: white;
border: 1px solid white;
}
select option:hover {
background-color: #5e5e5e;
}
/* 텍스트 상자 옵션 */
input [type*="text"] {
background-color: #1f2023;
color: inherit;
}
/* 특수문서 - 미디어위키용 입력상자 스타일 재설정 */
/* 목록 상자 */
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.oo-ui-dropdownWidget-open {
background-color: #1f2023 !important;
color: white;
border: 1px solid white;
}
/* 메뉴 옵션 */
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
background: rgba(10, 18, 18, 0.5);
}
/* 위젯 라벨명 */
.oo-ui-labelElement-label {
color: white;
}
/* 메뉴 선택시 */
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget:hover {
background-color: #5e5e5e;
}
/* 텍스트 상자 */
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
background-color: #1f2023;
color: inherit;
}
/* 체크박스, 라디오 버튼 - 작동하지 않아서 다시 수정예정 */
.oo-ui-checkboxInputWidget,
.oo-ui-radioInputWidget {
background-color: #1f2023;
}
.oo-ui-icon-highlight:not(.mw-rcfilters-ui-filterItemHighlightButton-circle) {
filter: invert(1);
}
/* charInsert 상자 배경색 전환 */
.mw-edittools-section input {
background-color:#315830;
}
/* 준보호 편집문서 편집창 색상 진하게 */
.mw-textarea-sprotected {
background-color: #4f4f02;
}
/* 틀 설명문서 배경색 변경 - jQuery로 설정할 예정. */
.template-documentation {
background-color: #00585f !important;
color: white;
}
/* 링크색은 밝게 지정 */
a {
color: #cdcdeb;
}
#wikiEditor-ui-toolbar .tabs a {
color: #4287ff;
}
/* 둘러보기 상자 설정 */
.navbox th:first-type { /* 머릿글 상자 - jQuery로 스타일 변경 예정 */
background-color: #224A87 !important;
}
.navbox th.tp_link {
background-color: #1f2023 !important;
}
.navbox td [style*="background:#b7b7b721"] { /* 기본 셀 상자 색상 - jQuery로 변경 예정 */
background-color: #4f4f4f !important;
}
.navbox td.navbox-list {
background-color: #1f2023 !important
}
code { /* 코드 박스 */
background-color: #1f2023;
color: inherit;
}
/* 문법 강조 요소 관련 - 사용자:Cerulean 소스 참조 */
.mw-highlight .nc { /* 문법 강조 css #id에 해당 */
color: #0075ff !important;
}
.mw-highlight .nn { /* css .class에 해당 */
color: #0099dd;
}
.ace-tm .ace_gutter,
.ace-tm .ace_gutter-active-line,
.codeEditor-status {
background: #f0f0f029;
color: #c1c1c1;
}
.ace-tm { /* 편집기 상자 */
background-color: unset;
color: white;
}
.ace_marker-layer .ace_selection { /* 블록 지정 */
background: rgb(0 0 0 / 18%) !important;
}
.ace_storage,
.ace_keyword { /* 스토리지, 키워드 */
color: #00abff !important;
}
.ace_identifier { /* 식별자 */
color: rgba(255, 255, 255, 0.815) !important;
}
.ace_operator { /* 연산자 */
color: rgb(0 0 0) !important;
}
.ace_library { /* 라이브러리 */
color: rgb(255 137 66) !important;
}
.ace_function { /* 함수 */
color: #ff0000 !important;
}
.ace_paren { /* 괄호 */
color: #000 !important;
}
.ace_string { /* 문자열 */
color: #00a706 !important;
}
.ace_numeric { /* 숫자 */
color: #045600 !important
}
.ace_content { /* 텍스트 */
/*background: black !important;*/
}
.ace_variable { /* 변수 */
/*color: #6cb3ff !important;*/
}
.ace_text-layer {
color: #000 !important;
}
.ace-tm .ace_cursor {
/*filter: invert(1);*/
}
.ace_hidden-cursors .ace_cursor {
opacity: 0.6;
}
.ace-tm .ace_support.ace_type,
.ace-tm .ace_support.ace_class {
color: rgb(76 40 0) !important;
}
.ace-tm .ace_print-margin {
background: #323232;
}
.ace_line {
/*font-size: 1.1em;*/
}
/* 라디오 상자, 체크박스 배경색 검게 - jQuery로 바꿀 수 있을 지 테스트 예정. */
.mw-rcfilters-head .oo-ui-buttonElement-button,
.mw-changeslist .mw-changeslist-legend,
.mw-rcfilters-head .oo-ui-widget,
.mw-rcfilters-ui-menuSelectWidget-footer,
.mw-rcfilters-ui-overlay .oo-ui-menuSelectWidget,
.mw-rcfilters-ui-overlay .oo-ui-popupWidget-popup,
.mw-rcfilters-ui-overlay .oo-ui-buttonElement-button,
.mw-rcfilters-ui-overlay .oo-ui-labelElement,
.mw-rcfilters-ui-filterMenuHeaderWidget-header {
background: black !important;
}
.mw-rcfilters-head .oo-ui-tagMultiselectWidget-handle {
background: #ffffff1a !important;
}
/* 문단 색 지정 */
.Liberty .content-wrapper .liberty-content .liberty-content-main h1,
.Liberty .content-wrapper .liberty-content .liberty-content-main h2,
.Liberty .content-wrapper .liberty-content .liberty-content-main h3,
.Liberty .content-wrapper .liberty-content .liberty-content-main h4,
.Liberty .content-wrapper .liberty-content .liberty-content-main h5,
.Liberty .content-wrapper .liberty-content .liberty-content-main h6 {
border-color: #ffffff52;
}
.oo-ui-iconElement-icon:not(.oo-ui-icon-markup):not(.mw-rcfilters-ui-filterItemHighlightButton-circle) {
filter: invert(1);
}
.oo-ui-popupWidget-popup,
.mw-echo-ui-notificationItemWidget {
background-color: #000 !important;
}
.mw-echo-ui-notificationItemWidget-content-message-header {
color: #ffffff !important;
}
.mw-echo-ui-notificationItemWidget-unread {
background-color: #1b1b1b !important;
}
.mw-echo-ui-menuItemWidget>.oo-ui-labelElement-label {
color: white !important
}
.oo-ui-popupWidget-footer .oo-ui-buttonElement-button {
background: black !important;
}
.mw-echo-ui-notificationItemWidget:hover {
border-color: #ffffff3b !important;
}
.mw-echo-ui-notificationItemWidget,
.oo-ui-popupWidget-popup,
.oo-ui-popupWidget-head,
.oo-ui-popupWidget-footer,
.oo-ui-buttonElement-framed,
.editOptions,
.editOptions #wpSummary,
.wikiEditor-ui .wikiEditor-ui-view,
#editpage-specialchars select {
border-color: #ffffff3b !important;
}
.wikiEditor-ui-text {
filter: invert(0.9) saturate(1.8) opacity(0.9) hue-rotate(
186deg);
}