참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
- 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
- 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
- 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
- 오페라: Ctrl-F5를 입력.
:root {
--global-color: #ccc;
}
.catlinks {
color: #ffffff2e;
background: currentcolor;
box-shadow: 0.15rem 0.15rem 0 0 currentcolor !important;
border-color: currentcolor !important;
}
.catlinks li {
border-color: currentColor;
}
.mw-editsection {
font-size: 1rem;
margin-left: 0.5em;
}
.oo-ui-buttonElement.oo-ui-widget-enabled>.oo-ui-buttonElement-button>.oo-ui-iconElement-icon:not(.oo-ui-image-invert),
.oo-ui-buttonElement.oo-ui-widget-enabled>.oo-ui-buttonElement-button>.oo-ui-indicatorElement-indicator:not(.oo-ui-image-invert) {
filter: invert(1) hue-rotate(180deg);
}
.client-dark-mode,
img,
video,
svg,
iframe,
.mw-no-invert,
.mw-mmv-overlay,
.mw-mmv-pre-image,
.mw-kartographer-map,
.mw-kartographer-mapDialog-map {
filter: none;
}
#simpleSearch,
#searchInput,
#searchButton,
#searchGoButton,
#mw-searchButton {
background: #1f2023 !important;
border-color: #ffffff0f;
}
/* 불투명 배경 */
body,
.Liberty,
.dropdown-menu,
.dropdown-item,
.Liberty .nav-wrapper .navbar .form-inline .btn,
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item .nav-link.active,
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-content,
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-footer,
/* .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item,*/
/* .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item + .nav-item,*/
/* .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-content .live-recent-list li,*/
.Liberty .content-wrapper .liberty-content .liberty-content-main,
.Liberty .content-wrapper .liberty-content .liberty-content-main fieldset,
.Liberty .content-wrapper .liberty-content .liberty-content-main table.wikitable tr>th,
.Liberty .content-wrapper .liberty-content .liberty-content-main table.wikitable tr>td,
.Liberty .content-wrapper .liberty-content .liberty-content-main table.infobox th,
.Liberty .content-wrapper .liberty-footer,
table.mw_metadata th,
#preferences fieldset:not(.prefsection),
#preferences div.mw-prefs-buttons,
.navbox,
.navbox-subgroup,
.navbox>tbody>tr:nth-child(even)>.navbox-list,
.dropdown-menu,
a.dropdown-item,
.dropdown-divider,
/* hr,*/
/* 우선순위 때문에 중복 적용 */
.oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame,
.mw-changeslist-legend,
/* 최근 바뀜의 팝업 위젯*/
.mw-rcfilters-ui-overlay .oo-ui-popupWidget .oo-ui-popupWidget-popup,
.oo-ui-menuSelectWidget,
/* 팝업 위젯*/
.oo-ui-popupWidget-popup,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
/* 팝업 툴 그룹-툴*/
.oo-ui-popupToolGroup-tools,
/* 입력 위젯*/
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame,
.oo-ui-buttonElement-framed>.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed>.oo-ui-buttonElement-button:active:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover,
/* 테두리 있는 버튼 요소*/
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active:focus,
.editOptions input#wpSummary {
background-color: #000;
color: var(--global-color);
}
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected),
.mw-rcfilters-ui-filterMenuHeaderWidget-header,
.mw-rcfilters-ui-menuSelectWidget-footer,
.bottom-ads,
.header-ads,
.right-ads,
.Liberty .content-wrapper .liberty-content .liberty-content-header .content-tools .tools-btn,
.Liberty .content-wrapper .liberty-content .liberty-content-main table,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover,
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle,
.oo-ui-tabSelectWidget-framed,
.toc,
.thumbinner,
#simpleSearch,
#searchInput,
#searchButton,
#searchGoButton,
table,
table.toccolours,
.wikitable {
background-color: transparent;
}
.liberty-content-header,
.liberty-footer,
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-footer,
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item,
.Liberty .content-wrapper .liberty-content .liberty-content-header,
.Liberty .content-wrapper .liberty-content .liberty-content-header .title>h1,
.Liberty .content-wrapper .liberty-content .liberty-content-main table.wikitable,
.Liberty .content-wrapper .liberty-content .liberty-content-main table.wikitable tr>td,
.Liberty .content-wrapper .liberty-content .liberty-content-main table.infobox,
.Liberty .content-wrapper .liberty-footer,
.editOptions,
.wikiEditor-ui-toolbar,
#pagehistory li.selected,
.mw-datatable td,
table.mw_metadata td,
#preferences,
pre,
.navbox-list,
.dropdown-divider {
background-color: #1F2023;
color: var(--global-color);
}
.Liberty .content-wrapper .liberty-content .liberty-content-header .content-tools .tools-btn,
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-content .live-recent-list .recent-item,
.oo-ui-widget.oo-ui-labelElement.oo-ui-menuOptionWidget span,
.oo-ui-tabOptionWidget {
color: var(--global-color);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined,
.Liberty .content-wrapper .liberty-content .liberty-content-main table.wikitable tr>th,
.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,
.wikiEditor-ui-top .wikiEditor-ui-toolbar,
.wikiEditor-ui-top #msupload-div,
.wikiEditor-ui-text #wpTextbox1,
.mw-rcfilters-ui-filterMenuSectionOptionWidget,
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover,
.mw-rcfilters-ui-itemMenuOptionWidget:hover,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected,
.mw-rcfilters-ui-menuSelectWidget-footer .oo-ui-buttonElement-framed>a.oo-ui-buttonElement-button,
.editOptions,
/* 편집 아래 저장과 미리보기 버튼 상자 */
.ve-init-target-visual>.ve-ui-toolbar>.oo-ui-toolbar-bar,
.oo-ui-tool.oo-ui-widget-enabled>.oo-ui-tool-link:hover,
.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover,
.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled,
/* 편집 ui <textarea> */
.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button,
.editOptions
/* 시각 편집기 상단 바 */
,
.oo-ui-tool.oo-ui-widget-enabled>.oo-ui-tool-link:hover,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover,
.breadcrumb {
color: var(--global-color);
background-color: #ffffff25;
}
.Liberty,
.Liberty .content-wrapper .liberty-content .liberty-content-header,
.Liberty .content-wrapper .liberty-content .liberty-content-header .content-tools,
.Liberty .content-wrapper .liberty-content .liberty-content-header .content-tools .tools-btn,
.Liberty .content-wrapper .liberty-content .liberty-content-main,
.Liberty .content-wrapper .liberty-content .liberty-content-main fieldset,
.Liberty .content-wrapper .liberty-content .liberty-content-main table.wikitable tr>th,
.Liberty .content-wrapper .liberty-content .liberty-content-main table.wikitable tr>td,
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item,
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item+.nav-item,
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-content,
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-content .live-recent-list li,
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-footer,
.mw-changeslist-legend,
.Liberty .content-wrapper .liberty-footer,
.dropdown-menu,
.dropdown-item,
.dropdown-divider,
hr,
.editOptions,
#toc,
#toc>ul,
#toc .toctitle,
pre,
.oo-ui-inputWidget-input {
border-color: #555;
}
#toc ul,
#toc li,
#toc .toctext {
background: transparent;
color: var(--global-color);
}
#toc>ul,
#toc .toctitle {
background: #ffffff33;
}
#toc :checked~.toctitle {
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit;
}
div[role="group"] > a,
div[role="menu"] > a {
color: inherit !important;
}
.wikiEditor-ui-text #wpTextbox0 {
filter: invert(1) hue-rotate(180deg) saturate(3);
color: rgb(0 0 0 / 87%) !important;
border-width: 1px 0 0 0;
border-style: solid;
}
.wikiEditor-ui-text #wpTextbox0~#wpTextbox1 {
filter: invert(0);
caret-color: white !important;
color: transparent !important;
}
pre:not(.CodeMirror-line) {
background: #1e1e1e;
color: #d5d5d5;
box-shadow: inset 2.75em 0 0 #363636 !important;
border-color: #363636;
}
/* 코드 미러 */
.CodeMirror {
background: none;
color: #999;
}
.CodeMirror-code {
filter: invert(0.1) sepia(0.5) brightness(1.5);
}
.CodeMirror-scroll,
.CodeMirror-gutters {
background: #ffffff30;
}
/* 코드 미러 선택 영역 */
.CodeMirror-line span::selection {
background: #ffffff45 !important;
}
/* 문법 강조 pre 색 조정 */
.mw-highlight span[class]:not([class='linenos']) {
filter: contrast(0.5) hue-rotate(-24deg) brightness(1.8);
}
.mw-highlight span.p {
color: #727272;
}