편집 요약 없음 |
잔글 (Chirho님이 사용자:Cerulean/liberty-dark.css 문서를 넘겨주기를 만들지 않고 사용자:하늘/liberty-dark.css 문서로 이동했습니다: "Cerulean" 사용자의 이름을 "하늘"(으)로 바꿀 때 문서를 자동으로 이동했습니다) |
(차이 없음)
| |
2022년 5월 11일 (수) 10:30 판
@media (prefers-color-scheme: dark) {
/* 참조: 사용자: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;
}
/* 소스 상자 */
.Liberty-dark pre {
background: #1f2023;
color: #d5d5d5;
box-shadow: inset 2.75em 0 0 #363636 !important;
border-color: #363636;
}
/*** 코드 편집기 ***/
/* 편집상자 상단 도구*/
.Liberty-dark .editOptions {
border-color: gray;
}
/* 코드 편집기 상단 단추 */
.Liberty-dark #wikiEditor-ui-toolbar .group:not(.group-codeeditor-main) a {
filter: invert(1);
}
.wikiEditor-ui-toolbar .tabs span.tab a {
color: #519ff1 !important;
}
/* 위키에디터 선택한 메뉴 글자색 */
.wikiEditor-ui-toolbar .tabs span.tab a.current,
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
color: #bbb;
}
/* 위키에디터 텍스트 글자색 */
.wikiEditor-ui-toolbar .page-characters div span {
color: #bbb;
font-size: 1.1em;
height: 1.5em;
}
.wikiEditor-ui-toolbar .group .tool-select .label {
color: #565 !important;
}
/* 메뉴 호버 */
.wikiEditor-ui-toolbar .booklet>.index> :hover {
color: #36c !important;
}
.wikiEditor-ui-toolbar .page-table td {
color: #ddd;
}
/* 사용자 문서 안내 */
.libre-notice {
background-color: #00000000 !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;
}
/* 스크롤바가 거슬리니 일단 삭제 */
fieldset.oo-ui-layout {
overflow: hidden;
}
/*** 최근 바뀜 ***/
.Liberty-dark .mw-rcfilters-head .oo-ui-tagMultiselectWidget, /* 필터 박스 색상 */
.Liberty-dark .mw-rcfilters-head .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.Liberty-dark .mw-rcfilters-head .oo-ui-tagMultiselectWidget-handle,
.Liberty-dark .mw-changeslist > div /* 최근 바뀜 설명 상자 */,
.Liberty-dark .mw-rcfilters-head .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {
background-color: transparent !important;
}
.oo-ui-buttonElement.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-buttonElement-button,
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.mw-search-profile-tabs,
.oo-ui-dropdownWidget .oo-ui-dropdownWidget-handle,
.mw-rcfilters-ui-filterMenuHeaderWidget-header,
.mw-rcfilters-ui-filterWrapperWidget-bottom .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:not(.oo-ui-buttonElement-active) {
background-color: #1f2023 !important;
color: #ddd;
}
.oo-ui-layout button[type="submit"] .oo-ui-labelElement-label {
color: black;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.oo-ui-buttonElement.oo-ui-labelElement>input.oo-ui-buttonElement-button,
.oo-ui-buttonElement.oo-ui-labelElement>.oo-ui-buttonElement-button>.oo-ui-labelElement-label,
bdi {
color: #ddd;
}
.oo-ui-decoratedOptionWidget .oo-ui-labelElement-label {
color: #9f9f9f;
}
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
background-color: #4f4f02;
}
/* 사용자 링크 예외 */
.mw-userlink bdi {
color: #519ff1
}
.mw-userlink.new bdi {
color: #ff7f7f;
}
/* 경고 틀 파란색 텍스트는 명도 올리기 */
div.mw-warning-with-logexcerpt big {
color: #7f7fff !important;
}
/* 메뉴 투명하게 */
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
filter: alpha(opacity=40);
}
/* 선택 배경메뉴는 더 진하게 -> 반전은 더 연하게 ->일단 취소 */
/*
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget:hover {
background: #9f9f9f;
}*/
/* focus 글자 색 반전 -> 재반전시킴 */
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget:hover {
color: #c93;
}
/*.oo-ui-icon-highlight:not(.mw-rcfilters-ui-filterItemHighlightButton-circle) {
filter: invert(1);
}*/
/* charInsert 상자 배경색 전환 */
.mw-edittools-section input {
background-color: #315830;
}
/* 틀 설명문서 배경색 변경 - jQuery로 설정할 예정. */
.template-documentation {
background-color: #3a515f !important;
color: #ddd !important;
}
/* 본문 관련 */
/* 진한 글씨는 흰색 -> 연초록로 바꾸어서 시각 자극을 줄이기 */
#content b,
#content dt {
filter: brightness(0.9);
}
#content [style*='gradient'] b {
filter: revert !important;
}
/* 서명에는 진한글씨 색 바꾸기 적용하지 않기 */
.signature b {
color: inherit !important;
}
/* 취소선 친 글씨색 더 밝게 */
del,
s,
strike {
color: #ccc;
}
/*** 링크 가독성 ***/
/* 링크 색 가독성 */
.Liberty-dark a {
font-weight: 500;
}
a {
color: #519ff1
}
a.new {
/* 새 링크 */
color: #f97f7f;
}
/* 각주 선택 색상 진하게 */
ol.references li:target,
sup.reference:target {
background-color: #1f2023;
}
/* 태그 색상 밝은 톤으로 바꾸기 */
.mw-plusminus-pos {
color: #4fdf4f;
}
.mw-plusminus-neg,
.mw-tag-markers,
.newpage {
color: #df7f7f;
}
/* 편집창 차이 내역 */
html td.diff-context {
background-color: #1f2023;
border-color: #afafaf;
color: #ddd;
}
.diff-addedline .diffchange {
/* 추가 텍스트 */
background: #002f4f;
color: #ccf;
}
.diff-deletedline .diffchange {
/* 삭제된 텍스트 */
background: #4f4f02;
color: #fda;
}
/* 플로우 상자 타이틀 - 그냥 푸른빛 도는 어두운 회색으로 바꾸자 */
.flow-topic-titlebar {
background-color: #3a515f;
color: #ddd;
}
.flow-topic-moderatestate-lock .flow-topic-titlebar {
background-color: #1f2023;
}
.flow-topic-meta {
color: #ccc
}
.flow-component .mw-ui-icon.mw-ui-icon-before.mw-ui-icon-only:before {
filter: invert(0.9) saturate(1.8) brightness(1.6) hue-rotate(186deg);
}
/* 플로우 메뉴 ul */
div>.flow-menu ul {
filter: invert(0.9) saturate(1.8) opacity(0.9) hue-rotate(186deg);
}
/* 플로우 모달 */
.flow-ui-modal-layout {
background-color: #bbb;
}
.flow-ui-modal input.mw-ui-input {
color: #1f2023;
}
.mw-ui-button.mw-ui-progressive:disabled {
background-color: #5c5c5c;
border-color: #5c5c5c;
}
/* 둘러보기 상자 설정 */
.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: #ddd;
}
/* 편집 경고창 */
.warningbox {
background-color: #1f2023;
color: #ddd;
}
/* 문법 강조 요소 관련 - 사용자: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-color: #f0f0f029;*/
/* color: #c1c1c1;*/
/*}*/
/*.ace-tm {*/
/* 편집기 상자 */
/* background-color: unset;*/
/* color: white;*/
/*}*/
/*.ace_scrollbar {*/
/* filter: invert(1) brightness(2);*/
/* z-index: 0 !important;*/
/*}*/
/*.ace_marker-layer .ace_selection {*/
/* 블록 지정 */
/* background: rgb(255 255 255 / 21%) !important;*/
/*}*/
/*.ace-tm .ace_marker-layer .ace_selected-word, .ace-tm .ace_marker-layer .ace_bracket {*/
/* 블록지정 단어 선택, 현재 괄호 강조 */
/* border: 1px solid rgb(255 255 255 / 60%) !important;*/
/*}*/
/*.ace-tm .ace_marker-layer .ace_selected-word {*/
/* background: #fff0 !important;*/
/*}*/
/*.ace-tm .ace_marker-layer .ace_bracket {*/
/* margin: 0 !important;*/
/* border-radius: unset !important;*/
/*}*/
/*.ace_storage,*/
/*.ace_keyword {*/
/* 스토리지, 키워드 */
/* color: #00d0ff !important;*/
/*}*/
/*.ace_identifier {*/
/* 식별자 */
/* color: rgb(255 255 255 / 82%) !important;*/
/*}*/
/*.ace_library {*/
/* 라이브러리 */
/* color: rgb(255 137 66) !important;*/
/*}*/
/*.ace_function {*/
/* 함수 */
/* color: #76ff75 !important;*/
/*}*/
/*.ace_paren {*/
/* 괄호 */
/* color: #fff !important;*/
/*}*/
/*.ace_string {*/
/* 문자열 */
/* color: #00a706 !important;*/
/*}*/
/*.ace_numeric {*/
/* 숫자 */
/* color: #76b2ff !important;*/
/*}*/
/*.ace_comment {*/
/* color: rgb(163 163 163) !important;*/
/*}*/
/*.ace_support.ace_constant {*/
/* color: rgb(208 130 255) !important;*/
/*}*/
/*.ace_constant {*/
/* color: rgb(208 130 255) !important;*/
/*}*/
/*.ace_variable {*/
/* 변수 */
/* color: #60adff !important;*/
/*}*/
/*.ace_operator {*/
/* 연산자 */
/* color: #b8b8b8 !important;*/
/*}*/
/*.ace_text-layer {*/
/* color: #fff !important;*/
/*}*/
/*.ace_marker-layer .ace_active-line {*/
/* background: rgb(255 255 255 / 19%) !important;*/
/*}*/
/*.ace-tm .ace_indent-guide {*/
/* 탭 가이드 */
/* background: none !important;*/
/* border-right: 1px solid rgb(255 255 255 / 50%);*/
/* margin-left: -1px;*/
/*}*/
/*.ace-tm .ace_cursor {*/
/* color: white;*/
/*}*/
/*.ace-tm .ace_fold {*/
/* background-color: #5b5c6d;*/
/*}*/
/*.ace_hidden-cursors .ace_cursor {*/
/* opacity: 0.6;*/
/*}*/
/*.ace-tm .ace_support.ace_type,*/
/*.ace-tm .ace_support.ace_class {*/
/* color: #c36a07 !important;*/
/*}*/
/*.ace-tm .ace_print-margin {*/
/* background: #323232;*/
/*}*/
/*.ace_line {*/
/*font-size: 1.1em;*/
/*}*/
/*.ace_search {*/
/* filter: invert(1);*/
/*}*/
/* 문단 색 지정 */
.Liberty-dark .liberty-content-main h1,
.Liberty-dark .liberty-content-main h2,
.Liberty-dark .liberty-content-main h3,
.Liberty-dark .liberty-content-main h4,
.Liberty-dark .liberty-content-main h5,
.Liberty-dark .liberty-content-main h6 {
border-color: #ffffff52;
}
.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;
}
/* 위키 텍스트 상자에 반전효과 부여. */
.wikiEditor-ui textarea {
}
/* 반전효과 주기 전에 텍스트 상자 밝게 재지정 - 반전되므로 편집창이 어두워진다. */
body:not(.desktop) .wikiEditor-ui-text #wpTextbox0 {
filter: invert(0.9) brightness(1.5) hue-rotate(192deg) saturate(1.4);
background-color: transparent !important;
}
body:not(.desktop) .wikiEditor-ui-text #wpTextbox1 {
filter: invert(0);
color: rgb(255 255 255 / 86%) !important;
border-width: 1px 0 0 0;
border-style: solid;
}
body.desktop .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;
}
body.desktop .wikiEditor-ui-text #wpTextbox1 {
filter: invert(0); /*#wpTextbox0 때문에 마우스 접근이 불가능함 보정 */
caret-color: white !important;
}
/* 준보호 편집문서 편집창 색상 진하게 */
#wpTextbox1.mw-textarea-sprotected {
background-color: #4f4f02;
}
/* 최근바뀜 new 글자색 */
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-content .live-recent-list .recent-item .new {
color: #ff7f7f;
}
/* 편집 상용구 스타일 반전 실험 */
#esSummaryButtons essummarybutton {
filter: invert(0);
}
/* 커스텀 입력상자 배경색 반전 실험 */
#editpage-specialchars select,
#editpage-specialchars a {
background-color: #1f2023;
}
/* 팝업창 및 모듈 테스트창 색상 반전 */
.mwe-popups,
.mw-scribunto-console-fieldset {
filter: invert(0.95) brightness(1.2) hue-rotate(180deg);
}
/* 검색창 옵션 */
#mw-searchoptions {
filter: invert(0.95) brightness(1.2) hue-rotate(180deg);
color: #333;
}
span.searchmatch {
background-color: #3a515f;
}
/* 특수:업로드 관련 - 색반전 */
#wpUploadFile,
#wpDestFile {
filter: invert(0.95) brightness(1.2) hue-rotate(180deg);
color: #333;
}
/* 파일 설명 문서 관련 */
.fileinfo-paramfield {
background-color: #3a515f !important;
}
table.layouttemplate.mw-content-ltr {
background-color: #1f2023 !important;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background-color: unset;
}
/* 아이콘 색상 반전. 편집창에서 코드 아이콘은 반전 제외. */
/*.oo-ui-iconElement-icon:not(.oo-ui-icon-markup):not(.oo-ui-image-invert):not(.oo-ui-image-progressive),
.oo-ui-indicatorElement-indicator {
filter: invert(1);
}*/
/* invert 보정 */
.oo-ui-image-invert {
filter: brightness(160%) invert(100%) hue-rotate(190deg) !important;
}
.Liberty-dark .mw-rcfilters-head .oo-ui-iconElement-icon,
.Liberty-dark .mw-rcfilters-ui-overlay .oo-ui-iconElement-icon {
filter: invert(1) !important;
}
.mw-rcfilters-ui-watchlistTopSectionWidget-separator {
filter: brightness(0.4);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background-color: #282828;
color: #404244;
border-color: #606060;
}
/* api 실험실 */
.mw-apisandbox-toolbar {
background: #ffffff24;
}
.oo-ui-menuSelectWidget {
background-color: #1e1e1e !important;
}
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget, .oo-ui-decoratedOptionWidget .oo-ui-labelElement-label {
color: inherit !important;
}
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {
-webkit-text-fill-color: none !important;
color: inherit !important;
text-shadow: none !important;
}
.infobox td, .infobox th,
#toc > *,
.Liberty .content-wrapper .liberty-content .liberty-content-main table.wikitable tr > th, .Liberty .content-wrapper .liberty-content .liberty-content-main table.wikitable tr > td,
.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,
.wikiEditor-ui-toolbar .section, .wikiEditor-ui-toolbar .group,
.Liberty .content-wrapper .liberty-content .liberty-content-main .catlinks,
.libre .libre-tab .libre-tab-main,
#disambig,
pre {
border-color: #9c9c9c !important;
}
}