미디어위키:Darkmode.css 문서 원본 보기

/* 다크모드 기본 셋팅 */

.dark body {
  --ew-theme-link: #ec9e18;
  --ew-theme-link-hover: #ba7d14;
  --ew-theme-link-new: #f15f5f;
  --ew-theme-link-new-hover: #bf4b4b;
  --ew-theme-link-external: #33b733;
  --ew-theme-link-external-hover: #2ca02c;
}

.dark .bg-evewiki-main { background-color: var(--ew-spec-brand-main) !important;}
.dark .bg-evewiki-secondary { background-color: var(--ew-spec-brand-secondary) !important;}

.dark .dark\:bg-evewiki-000 { background-color: var(--ew-theme-000) !important; }
.dark .dark\:bg-evewiki-010 { background-color: var(--ew-theme-010) !important; }
.dark .dark\:bg-evewiki-020 { background-color: var(--ew-theme-020) !important; }
.dark .dark\:bg-evewiki-030 { background-color: var(--ew-theme-030) !important; }
.dark .dark\:bg-evewiki-040 { background-color: var(--ew-theme-040) !important; }
.dark .dark\:bg-evewiki-050 { background-color: var(--ew-theme-050) !important; }
.dark .dark\:bg-evewiki-060 { background-color: var(--ew-theme-060) !important; }
.dark .dark\:bg-evewiki-070 { background-color: var(--ew-theme-070) !important; }
.dark .dark\:bg-evewiki-080 { background-color: var(--ew-theme-080) !important; }
.dark .dark\:bg-evewiki-090 { background-color: var(--ew-theme-090) !important; }
.dark .dark\:bg-evewiki-100 { background-color: var(--ew-theme-100) !important; }

.dark .dark\:text-evewiki-000 { color: var(--ew-theme-000) !important; }
.dark .dark\:text-evewiki-010 { color: var(--ew-theme-010) !important; }
.dark .dark\:text-evewiki-020 { color: var(--ew-theme-020) !important; }
.dark .dark\:text-evewiki-030 { color: var(--ew-theme-030) !important; }
.dark .dark\:text-evewiki-040 { color: var(--ew-theme-040) !important; }
.dark .dark\:text-evewiki-050 { color: var(--ew-theme-050) !important; }
.dark .dark\:text-evewiki-060 { color: var(--ew-theme-060) !important; }
.dark .dark\:text-evewiki-070 { color: var(--ew-theme-070) !important; }
.dark .dark\:text-evewiki-080 { color: var(--ew-theme-080) !important; }
.dark .dark\:text-evewiki-090 { color: var(--ew-theme-090) !important; }
.dark .dark\:text-evewiki-100 { color: var(--ew-theme-100) !important; }

.dark .dark\:border-evewiki-000 { border-color: var(--ew-theme-000) !important; }
.dark .dark\:border-evewiki-010 { border-color: var(--ew-theme-010) !important; }
.dark .dark\:border-evewiki-020 { border-color: var(--ew-theme-020) !important; }
.dark .dark\:border-evewiki-030 { border-color: var(--ew-theme-030) !important; }
.dark .dark\:border-evewiki-040 { border-color: var(--ew-theme-040) !important; }
.dark .dark\:border-evewiki-050 { border-color: var(--ew-theme-050) !important; }
.dark .dark\:border-evewiki-060 { border-color: var(--ew-theme-060) !important; }
.dark .dark\:border-evewiki-070 { border-color: var(--ew-theme-070) !important; }
.dark .dark\:border-evewiki-080 { border-color: var(--ew-theme-080) !important; }
.dark .dark\:border-evewiki-090 { border-color: var(--ew-theme-090) !important; }
.dark .dark\:border-evewiki-100 { border-color: var(--ew-theme-100) !important; }

.dark .evewiki-dark-bg { background: var(--ew-theme-010) !important; }
.dark .evewiki-dark-txt { color: #e0e0e0 !important;}
.dark table .evewiki-dark-txt { color: #fff !important;}

/* 다크모드 전환 트랜지션(전역) */

.Liberty .nav-wrapper,
.Liberty .content-wrapper .liberty-notice,
.Liberty .content-wrapper .liberty-content,
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent,
.Liberty .content-wrapper .liberty-sidebar .everest-rss {
  transition: background .05s cubic-bezier(0,0,.5,1);
}

/* 끝 */

/* ul 목록 색 전환 */
ul:is(.dark *) {
  list-style-image: url(data:image/svg+xml,<%3Fxml%20version%3D"1.0"%20encoding%3D"UTF-8"%3F>%0A<svg%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"%20version%3D"1.1"%20width%3D"5"%20height%3D"13">%0A<circle%20cx%3D"2.5"%20cy%3D"9.5"%20r%3D"2.5"%20fill%3D"%23ffffff"%2F>%0A<%2Fsvg>%0A);
}

.nav:is(.dark *) {
  list-style: none;
}


.dark body,
.dark .Liberty,
.dark .Liberty .nav-wrapper .navbar .form-inline .btn,
.dark table.mw_metadata th,
.dark #preferences fieldset:not(.prefsection),
.dark #preferences div.mw-prefs-buttons,
.dark .navbox,
.dark .navbox-subgroup,
.dark .navbox > tbody > tr:nth-child(even) > .navbox-list,
.dark .Liberty .nav-wrapper .navbar .form-inline {
  background-color: var(--ew-theme-000);
  color: #e0e0e0;
}

.dark .Liberty .liberty-content-main table {
  color: #fff;
}

.dark .Liberty .content-wrapper .liberty-content .liberty-content-main table.wikitable,
.dark .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent,
.dark .Liberty .content-wrapper .liberty-sidebar .everest-rss,
.dark .suggestions .suggestions-results,
.dark .suggestions .suggestions-special {
  background-color: var(--ew-theme-010);
  color: #e0e0e0;
}

.dark .editOptions,
.dark html .wikiEditor-ui-toolbar,
.dark #pagehistory li.selected,
.dark .mw-datatable td,
.dark table.mw_metadata td,
.dark .Liberty .content-wrapper .liberty-content .liberty-content-main table.infobox,
.dark #preferences,
.dark .navbox-list,
.dark .btn-group,
.dark .btn-group-vertical,
.dark .suggestions a.mw-searchSuggest-link {
  background-color: var(--ew-theme-020);
  color: #e0e0e0;
}

.dark .suggestions .suggestions-result-current,
.dark .Liberty .content-wrapper .liberty-content .liberty-content-header .content-tools .dropdown-divider {
  background-color: var(--ew-theme-030);
  color: #e0e0e0;
}

.dark .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item .nav-link,
.dark .Liberty .content-wrapper .liberty-sidebar .everest-rss .Rssfeed-header .nav {
  color: #e0e0e0;
}

.dark .suggestions-result,
.dark .suggestions-special .special-query {
  color: #e0e0e0;
}

.dark .Liberty .content-wrapper .liberty-content .liberty-content-header,
.dark .Liberty .content-wrapper .liberty-content .liberty-content-main,
.dark .Liberty .content-wrapper .liberty-footer,
.dark .mw-datatable th,
.dark .mw-datatable tr:hover td,
.dark textarea,
.dark div.mw-warning-with-logexcerpt,
.dark div.mw-lag-warn-high,
.dark div.mw-cascadeprotectedwarning,
.dark div#mw-protect-cascadeon,
.dark .Liberty .content-wrapper .liberty-content .liberty-content-main .catlinks,
.dark .Liberty .content-wrapper .liberty-content {
  background-color: var(--ew-theme-010);
}

.dark .Liberty .content-wrapper .liberty-content .liberty-content-header .title>h1,
.dark caption { color: #e0e0e0; }

.dark .btn-secondary { background: transparent; color: #e0e0e0; }

.dark #pagehistory li { border: 0; }

.dark .Liberty .content-wrapper .liberty-content,
.dark .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent,
.dark .Liberty .content-wrapper .liberty-sidebar .everest-rss,
.dark .suggestions .suggestions-results,
.dark .suggestions .suggestions-special {
  border: 1px solid var(--ew-theme-040)
}

@media screen and (max-width: 1023px) {
  .dark .Liberty .content-wrapper .liberty-content,
  .dark .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent,
  .dark .Liberty .content-wrapper .liberty-sidebar .everest-rss {
    border: 0;
  }
}

.dark .Liberty .content-wrapper .liberty-footer,
.dark .Liberty .content-wrapper .liberty-content .liberty-content-header,
.dark .Liberty .content-wrapper .liberty-content .liberty-content-main,
.dark .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item,
.dark .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-header .nav .nav-item + .nav-item,
.dark .Liberty .content-wrapper .liberty-content .liberty-content-header .content-tools .tools-btn:hover,
.dark .Liberty .content-wrapper .liberty-content .liberty-content-header .content-tools .tools-btn:focus,
.dark .Liberty .content-wrapper .liberty-content .liberty-content-header .content-tools .tools-btn,
.dark .dropdown-menu,
.dark .dropdown-divider,
.dark .Liberty .content-wrapper .liberty-content .liberty-content-main fieldset,
.dark hr,
.dark .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-content .live-recent-list li,
.dark .Liberty .content-wrapper .liberty-sidebar .everest-rss .Rssfeed-content .Rssfeed-list li,
.dark .mw-changeslist-legend,
.dark .Liberty .content-wrapper .liberty-content .liberty-content-header .content-tools,
.dark .Liberty .content-wrapper .liberty-content .liberty-content-main .catlinks { border-color: var(--ew-theme-040); }

.dark .flow-post,
.dark .Liberty .content-wrapper .liberty-content .liberty-content-main .toc .toctext { color: #e0e0e0; }
.dark .flow-topic-titlebar { color: #000; }
.dark .flow-ui-navigationWidget { color: #e0e0e0; }
.dark .Liberty .content-wrapper .liberty-content .liberty-content-main .toc { border: 1px solid var(--ew-theme-040); }
.dark .Liberty .content-wrapper .liberty-content .liberty-content-main .toc .toctitle,
.dark .Liberty .content-wrapper .liberty-content .liberty-content-main .toccolours,
.dark .Liberty .content-wrapper .liberty-content .liberty-content-main .toc ul,
.dark .Liberty .content-wrapper .liberty-content .liberty-content-main .toc li { background-color: var(--ew-theme-010); }

.dark .Liberty .nav-wrapper .navbar .form-inline .form-control {
  border: none !important;
  background-color: var(--ew-theme-000);
  color: #e0e0e0;
}

.dark .nav-wrapper.navbar-fixed-top {
  background: linear-gradient(to bottom, rgba(70, 109, 250, 0.42), rgba(0, 0, 0, 0));
  backdrop-filter: saturate(180%) blur(20px);
}

/* 최근 바뀜 */
.dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined,
.dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.dark .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button,
.dark .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button,
.dark .mw-changeslist-legend,
.dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,
.dark .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget,
.dark .oo-ui-tagMultiselectWidget.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input,
.dark .oo-ui-popupWidget-popup,
.dark .mw-rcfilters-ui-filterMenuHeaderWidget-header {
  background-color: var(--ew-theme-010);
  color: #e0e0e0;
  border-color: var(--ew-theme-030);
}

.dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled,
.dark .mw-rcfilters-ui-filterMenuSectionOptionWidget {
  background-color: var(--ew-theme-020);
  color: #e0e0e0;
  border-color: var(--ew-theme-030);
}

.dark .mw-rcfilters-ui-filterMenuHeaderWidget-title,
.dark .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {
  color: #e0e0e0;
}

.dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget .oo-ui-iconElement-icon,
.dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget .oo-ui-indicatorElement-indicator,
.dark .mw-rcfilters-ui-savedLinksListWidget-button.oo-ui-widget .oo-ui-iconElement-icon,
.dark .mw-rcfilters-ui-savedLinksListWidget-button.oo-ui-widget .oo-ui-indicatorElement-indicator,
.dark .mw-rcfilters-ui-changesLimitAndDateButtonWidget.oo-ui-widget .oo-ui-iconElement-icon,
.dark .mw-rcfilters-ui-changesLimitAndDateButtonWidget.oo-ui-widget .oo-ui-indicatorElement-indicator,
.dark .mw-rcfilters-ui-liveUpdateButtonWidget.oo-ui-widget .oo-ui-iconElement-icon,
.dark .mw-rcfilters-ui-liveUpdateButtonWidget.oo-ui-widget .oo-ui-indicatorElement-indicator,
.dark .ui-widget-header .ui-icon,
.dark .ui-widget-content .ui-icon {
  filter: invert(1);
}

.dark .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-content .live-recent-list .recent-item-timestamp,
.dark .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #e0e0e0; }

.dark .oo-ui-iconElement-icon {
  filter: invert(99%) sepia(80%) saturate(3%) hue-rotate(197deg) brightness(115%) contrast(100%);
}

.dark table.mw-enhanced-rc {
  border-bottom: 1px solid var(--ew-theme-030);
}

.dark table.mw-enhanced-rc tbody:hover {
  background: var(--ew-theme-020);
}

.dark .Liberty .content-wrapper .liberty-content .liberty-content-main .special > li {
  border-color: var(--ew-theme-030);
}

/* WikiEditer */
/* 다크모드보다 기능 자체 CSS가 우선 적용되는 경우가 많으므로 !important는 가급적 포함할 것 */
.dark .wikiEditor-ui-toolbar .tabs span.tab a { color: #EC9F19 !important; }
.dark .wikiEditor-ui-toolbar .group .label,
.dark .wikiEditor-ui-toolbar .page-table th { color: var(--ew-theme-090) !important; }
.dark .wikiEditor-ui-toolbar .page-table td { color: #fff !important; }
.dark .wikiEditor-ui-toolbar .section-help .page-table { background-color: transparent; }

.dark .wikiEditor-ui-toolbar .oo-ui-indicatorElement-indicator,
.dark .wikiEditor-ui-toolbar .oo-ui-iconElement-icon,
.dark .wikiEditor-ui-toolbar .tabs span.tab a::before,
.dark .wikiEditor-ui-toolbar .group .tool-select .label::after {
  filter: invert(1);
}

.dark .wikiEditor-ui-toolbar .page-characters div span {
  color: #e0e0e0;
}

.dark .template-documentation { background-color: rgb(162, 253, 207, 0.1) !important; }

.dark .referencetooltip { color: #000; }
.dark ol.references li:target,
.dark sup.reference:target { background: transparent !important; }

.dark .wikiEditor-ui .wikiEditor-ui-view,
.dark .wikiEditor-ui .wikiEditor-ui-top,
.dark .wikiEditor-ui-toolbar .group,
.dark .wikiEditor-ui-toolbar .section-secondary .group {
  border-color: var(--ew-theme-050);
}
.dark .wikiEditor-ui-toolbar .sections .section { border-top-color: var(--ew-theme-050); }
.dark .wikiEditor-ui-toolbar { background-color: var(--ew-theme-020); }
.dark .editOptions { border-color: var(--ew-theme-050); }
.dark .editOptions input#wpSummary {
  background-color: var(--ew-theme-010);
  color: #e0e0e0;
  border-color: var(--ew-theme-050);
}
.dark .oo-ui-checkboxInputWidget [type='checkbox'] + span {
  background-color: var(--ew-theme-030);
  border-color: var(--ew-theme-050);
}

.dark .oo-ui-popupToolGroup-tools { background-color: var(--ew-theme-020); }

.dark .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled,
.dark .wikiEditor-ui-toolbar .booklet > .index > .current,
.dark .wikiEditor-ui-toolbar .booklet > .index > div:hover,
.dark .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle,
.dark .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active,
.dark .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link,
.dark .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link,
.dark .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover,
.dark .oo-ui-popupToolGroup-tools .oo-ui-iconElement .oo-ui-tool-link:hover,
.dark .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link:hover,
.dark .oo-ui-listToolGroup-tools .oo-ui-tool:hover,
.dark .ve-init-mw-editSwitch .oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle:hover {
  background-color: var(--ew-theme-030);
}

.dark .ui-widget-content {
  background: var(--ew-theme-020);
  border-color: var(--ew-theme-040);
  color: #e0e0e0;
}

.dark .ui-widget-content .ui-widget-header {
  background: var(--ew-theme-030);
  border-color: var(--ew-theme-040);
  color: #e0e0e0;
}

.dark .ui-state-default,
.dark .ui-widget-content .ui-state-default,
.dark .ui-widget-header .ui-state-default {
  background: var(--ew-theme-030);
  border-color: var(--ew-theme-040);
  color: #e0e0e0;
}

.dark select,
.dark input:not([type="button"]):not([type="checkbox"]):not([type="submit"]):not([class="oo-ui-inputWidget-input"]) {
  background-color: var(--ew-theme-010);
  border-color: var(--ew-theme-040);
}

/* WikiEditer 中 CodeMirror */
.dark .CodeMirror { background: var(--ew-theme-010) !important; color: var(--ew-theme-090) !important; }
.dark .CodeMirror-gutters { background-color: var(--ew-theme-010) !important; }

/* WikiEditer 中 CodeMirror 세부 */
.dark .cm-mw-htmltag-bracket,
.dark .cm-mw-htmltag-name,
.dark .cm-mw-htmltag-attribute { color: #00ffc7 !important; }
.dark .cm-mw-exttag-bracket,
.dark .cm-mw-exttag-name,
.dark .cm-mw-exttag-attribute { color: #00ffc7 !important; }
.dark .cm-mw-template-bracket,
.dark .cm-mw-template-name,
.dark .cm-mw-template-delimiter,
.dark .cm-mw-template { color: #d47fff !important; }
.dark .cm-mw-templatevariable-bracket,
.dark .cm-mw-templatevariable-name,
.dark .cm-mw-templatevariable-delimiter,
.dark .cm-mw-templatevariable,
.dark .cm-mw-template-argument-name { color: #ff9700 !important; }
.dark .cm-mw-parserfunction-bracket,
.dark .cm-mw-parserfunction-name,
.dark .cm-mw-parserfunction-delimiter { color: #ff7979 !important; }
.dark .cm-mw-link-bracket,
.dark .cm-mw-link-pagename,
.dark .cm-mw-link-delimiter { color: #54caff !important; }
.dark .cm-mw-extlink-bracket,
.dark .cm-mw-extlink-protocol,
.dark .cm-mw-free-extlink-protocol,
.dark .cm-mw-extlink,
.dark .cm-mw-free-extlink { color: #54caff !important; }
.dark .cm-mw-section-header { color: #54caff !important; }
.dark .cm-mw-table-bracket,
.dark .cm-mw-table-definition,
.dark .cm-mw-table-delimiter { color: #ff6dc7 !important; }
.dark .cm-mw-comment { color: var(--ew-theme-060) !important; }
.dark .cm-mw-doubleUnderscore,
.dark .cm-mw-signature,
.dark .cm-mw-hr { background-color: var(--ew-theme-030) !important; }
.dark .cm-mw-exttag { background-color: rgba(119, 0, 170, 0.75) !important; }

/* Class Wikitable 투명화 */
.dark .Liberty .content-wrapper .liberty-content .liberty-content-main table.wikitable tr > th,
.dark .Liberty .content-wrapper .liberty-content .liberty-content-main table.wikitable tr > td {
  background-color: transparent;
  color: #fff;
  border-color: var(--ew-theme-040);
}

/* CommentStreams */
.dark .cs-expanded .cs-comment-header { background-color: var(--ew-theme-020) !important; }
.dark .cs-comment-details { color: #fff !important; }
.dark .cs-edit-box { background-color: var(--ew-theme-020) !important; }
.dark .cs-title-edit-field { background-color: var(--ew-theme-010) !important; color: #fff !important; }
.dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: #fff !important; }
.dark .oo-ui-menuSelectWidget {
  border-color: var(--ew-theme-040);
  background-color: var(--ew-theme-010);
}

/* [[파일:파일명|썸네일|설명]] 中 썸네일 */
.dark .Liberty .content-wrapper .liberty-content .liberty-content-main .thumbinner { background-color: var(--ew-theme-020); }

/* Sitenotice */
.dark .Liberty .content-wrapper .liberty-notice {
  background-color: transparent;
  border: solid 1px #bcdff160;
  color: #d9edf7;
}
.dark .Liberty .content-wrapper .liberty-notice .close {
  opacity: 1;
}

/* 로그인 */
.dark .close {
  color: #e0e0e0;
}

.dark .Liberty .login-modal .modal-content {
  background-color: var(--ew-theme-020);
  border: 1px solid var(--ew-theme-030)
}

.dark .Liberty .login-modal input:not([type="button"]):not([type="checkbox"]):not([type="submit"]):not([class="oo-ui-inputWidget-input"]),
.dark .Liberty .login-modal .modal-checkbox:not(#noop) input[type="checkbox"] + label::before {
  background-color: var(--ew-theme-010);
  color: #e0e0e0;
}

/* <code> */
.dark code {
  background-color: var(--ew-theme-030);
  color: #ff7979;
}

/* <pre> */
.dark pre {
  background-color: var(--ew-theme-030);
  color: #e0e0e0;
}

/* 문단 */
.dark .Liberty .content-wrapper .liberty-content .liberty-content-main h1,
.dark .Liberty .content-wrapper .liberty-content .liberty-content-main h2,
.dark .Liberty .content-wrapper .liberty-content .liberty-content-main h3,
.dark .Liberty .content-wrapper .liberty-content .liberty-content-main h4,
.dark .Liberty .content-wrapper .liberty-content .liberty-content-main h5,
.dark .Liberty .content-wrapper .liberty-content .liberty-content-main h6 {
  border-bottom: 1px solid var(--ew-theme-030);
}

/* 검색 */
.dark .oo-ui-textInputWidget .oo-ui-inputWidget-input,
.dark .mw-search-profile-tabs,
.dark #mw-searchoptions {
  background-color: transparent;
  color: #e0e0e0;
  border: 1px solid var(--ew-theme-030);
}

.dark .search-types .current a {
  background-color: transparent;
  color: #e0e0e0;
}

.dark .oo-ui-indicator-clear {
  background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="#fff" > <title> clear </title> <path d="M10 0a10 10 0 1 0 10 10A10 10 0 0 0 10 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z"/> </svg>)
}

.dark .oo-ui-icon-search, .mw-ui-icon-search:before{
  background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="#fff" > <title> search </title> <path d="M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM3 8a5 5 0 1 0 10 0A5 5 0 1 0 3 8z"/> </svg>)
}

.dark #mw-searchoptions .divider {
  border-bottom: 1px solid var(--ew-theme-030);
}
/* 검색 끝 */

/* 네비게이션바 버튼 hover 색 조정 */
.dark .Liberty .nav-wrapper .navbar .form-inline .btn:hover,
.dark .Liberty .nav-wrapper .navbar .form-inline .btn:focus,
.dark .Liberty .nav-wrapper .navbar .navbar-nav .nav-item .nav-link:hover,
.dark .Liberty .nav-wrapper .navbar .navbar-nav .nav-item .nav-link:focus {
  background-color: transparent !important;
}

.dark .Liberty .content-wrapper .liberty-content { background-color: transparent; }

.dark .Liberty .nav-wrapper .navbar .randompage,
.dark .Liberty .nav-wrapper .navbar .darkModeToggle {
  border: none !important;
  background-color: var(--ew-theme-000);
  color: #e0e0e0;
}

/* 분류 */
.dark .catlinks .catlinks-button-container {
  background: linear-gradient(90deg, transparent, var(--ew-theme-010), var(--ew-theme-010));
}

.dark .catlinks .catlinks-button-container .catlinks-button {
  background-color: var(--ew-theme-020);
  border-color: var(--ew-theme-040);
  color: #e0e0e0;
}

/* 드롭다운 */
.dark .Liberty .content-wrapper .liberty-content .liberty-content-header .content-tools .dropdown-menu,
.dark .Liberty .nav-wrapper .navbar .dropdown-menu {
  background: var(--ew-theme-020);
  border-color: var(--ew-theme-040);
}

.dark .Liberty .content-wrapper .liberty-content .liberty-content-header .content-tools .dropdown-menu .dropdown-item,
.dark .Liberty .nav-wrapper .navbar .dropdown-menu .dropdown-item {
  color: #fff;
}

/* 업로드 */
.dark #mw-upload-form input,
.dark #mw-upload-form textarea,
.dark #mw-upload-form select {
  border-color: var(--ew-theme-040);
  color: #fff;
}

.dark #mw-upload-form figure,
.dark #mw-upload-form figure * {
  background-color: var(--ew-theme-010);
}

.dark #mw-upload-form .mw-destfile-warning {
  color: lightyellow;
  background-color: #fdf1d150;
}

/* 미디어위키 ui 설정 펼접 위젯 */
.dark .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
  color: #fff;
}

.dark .oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
.dark .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.dark .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
  color: #fff;
  background-color: var(--ew-theme-030);
  border-color: var(--ew-theme-040);
}

/* ~에서 넘어옴 */
.dark .contentSub #mw-content-subtitle:has(.mw-redirectedfrom),
.dark .contentSub #mw-content-subtitle:has(.mw-revision) { 
  background-color: var(--ew-theme-020);
  filter: saturate(2);
  border: solid 1px #bcdff160;
}

/* 최근 바뀜 일괄 되돌리기 버튼 */
.dark .mw-usertoollinks span:has(.mw-usertoollinks-block),
.dark .mw-rollback-link,
.dark .mw-history-undo {
  background-color: #3d050b;
  border-color: #861520;
}
.dark .mw-usertoollinks span:has(.mw-usertoollinks-block),
.dark .mw-usertoollinks span:has(.mw-usertoollinks-block) *,
.dark .mw-rollback-link,
.dark .mw-rollback-link *,
.dark .mw-history-undo,
.dark .mw-history-undo * {
  color: #eec0c0;
  text-decoration: none;
}
.dark .mw-tag-markers {
  background-color: var(--ew-theme-020);
  border-color: #bcdff160;
  filter: saturate(2);
}
.dark .mw-tag-markers,
.dark .mw-tag-markers *,
.dark .mw-tag-markers a:hover,
.dark .mw-tag-markers a:focus {
  color: #d9edf7;
  text-decoration: none;
}
.dark .mw-usertoollinks span:has(.mw-usertoollinks-talk),
.dark .mw-usertoollinks span:has(.mw-usertoollinks-contribs),
.dark .mw-changeslist-links:has(.mw-changeslist-history) span,
.dark .mw-changeslist-links[title$="upload"],
.dark .mw-changeslist-links[title$="delete"] {
  background-color: var(--ew-theme-020);
  border: 1px solid var(--ew-theme-030);
}

/* 내비바 프로필 */
.dark .Liberty .nav-wrapper .navbar .navbar-login .dropdown-menu .fa,
.dark .Liberty .nav-wrapper .navbar .navbar-login .dropdown-menu .fas,
.dark .Liberty .nav-wrapper .navbar .navbar-login .dropdown-menu .far {
  color: #fff;
}

.dark .Liberty .nav-wrapper .navbar .navbar-login .dropdown-menu .login-title {
  color: var(--ew-theme-050);
}

.dark .Liberty .nav-wrapper .navbar .navbar-login .dropdown-menu .view-logout {
  background: var(--ew-theme-030);
}
설명	입력하는 내용	문서에 나오는 결과
기울임꼴	''기울인 글씨''	기울인 글씨
굵게	'''굵은 글씨'''	굵은 글씨
굵고 기울인 글씨	'''''굵고 기울인 글씨'''''	*굵고 기울인 글씨*