사용자:Larodi/darkmode.css

최근 편집: 2020년 6월 30일 (화) 01:40
Larodi (토론 | 기여)님의 2020년 6월 30일 (화) 01:40 판 (페미위키 CSS 대폭 변경으로 인한 수정)

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

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

body b {
  color: #fefefe;
}

/* 상단바 */
.nav-bar #mw-navigation #p-search #searchInput {
    background-color: #272727;
    color: #ebebeb;
}

/*상단바 펼친메뉴*/
.fw-portals .fw-portal ul li a,
.fw-portals .fw-portal ul li a:visited {
    color: #b6b6f0;
}

/*상단바 펼친메뉴 제목*/
.fw-portals .fw-portal h3 {
    color: #ebebeb;
}

/*대문 이 판 검토*/
.flaggedrevs_reviewform {
    background-color: transparent;
}

/*
링크색---------------------
*/
a:visited {
    /*방문한 링크*/
    color: #b6b6f0;
}

/*--------문서 내부--------*/
.mw-parser-output a.external,
.mw-parser-output a.external:visited {
    /*문서 내부 외부 링크*/
    color: #b6b6f0;
}

.mw-body-content a,
.mw-body-content a:visited {
    /*문서 내부 페미위키 링크*/
    color: #b6b6f0;
}

.mw-body-content a.new {
    /*문서 내부 페미위키 없는링크*/
    color: #fa7f8e;
}

#p-header #lastmod-and-views #lastmod a {
    /*문서 내부 최근 편집 링크*/
    color: #b6b6f0;
}

#p-header #p-above-title-menu ul li a,
#p-header #p-above-title-menu ul li a:visited {
    /*문서 내부 토론/주시*/
    color: #b6b6f0;
}

#p-header #lastmod-and-views #p-views ul li a,
#p-header #lastmod-and-views #p-views ul li a:visited {
    /*문서 내부 편집/원본 편집*/
    color: #b6b6f0;
}

#footer-bottom #f-list li a,
#footer-bottom #f-list li a:visited {
    /*문서 내부 하단 푸터 링크*/
    color: #b6b6f0;
}

#footer-bottom #f-list li a.new,
#footer-bottom #f-list li a.new:visited {
    /*문서 내부 하단 푸터 없는링크*/
    color: #fa7f8e;
}

/*바뀐 내용 저장하기 라이선스 링크*/
.ve-ui-mwSaveDialog-license a {
    color: #b6b6f0;
}

/*--------바뀐글--------*/

.oo-ui-widget:not(.ve-ui-surface):not(.ve-ui-mwTocWidget) a:not(.oo-ui-tool-link):not(.oo-ui-buttonElement-button),
.oo-ui-widget:not(.ve-ui-surface):not(.ve-ui-mwTocWidget) a:not(.oo-ui-tool-link):not(.oo-ui-buttonElement-button):visited {
    /*바뀐글 있는링크*/
    color: #b6b6f0;
}

.oo-ui-widget:not(.ve-ui-surface):not(.ve-ui-mwTocWidget) a:not(.oo-ui-tool-link):not(.oo-ui-buttonElement-button).new,
.oo-ui-widget:not(.ve-ui-surface):not(.ve-ui-mwTocWidget) a:not(.oo-ui-tool-link):not(.oo-ui-buttonElement-button).new:visited {
    /*바뀐글 없는링크*/
    color: #fa7f8e;
}

/*--------자유게시판--------*/
.oo-ui-widget:not(.ve-ui-surface):not(.ve-ui-mwTocWidget) a:not(.oo-ui-tool-link):not(.oo-ui-buttonElement-button).external {
    color: #b6b6f0;
}

/*
.mw-parser-output a:visited {
    문서 내부 페미위키 링크
    color: #b6b6f0;
}

.mw-parser-output a.new:visited {
    문서 내부 페미위키 없는링크
    color: #fa7f8e;
}
*/

/*
문서-----------------------
*/
/*문서 문단명*/
.mw-body-content h1,
.mw-body-content h2,
.mw-body-content h3,
.mw-body-content h4,
.mw-body-content h5,
.mw-body-content h6 {
    color: #EBEBEB;
}

.mw-body-content > b {
  color: #ffffff;
}

/*문서 제목*/
#p-header #p-title-and-tb h1.firstHeading,
.oo-ui-window .mw-body-content h1.firstHeading {
    color: #fefefe;
}

/*문서 빠른 바로가기*/
.mw-parser-output .toc ul li .tocnumber,
.mw-parser-output .toc ul ul li .tocnumber {
    color: #EBEBEB;
}

/*책날개 글자색*/
.book-flap-slide .book-flap-body > ul > li {
    color: #222;
}

/*알림 상자 등*/
.mw-parser-output .notice {
    color: #EBEBEB;
}

/*
바뀐 내용 저장하기------------
*/
.oo-ui-panelLayout-padded, .oo-ui-processDialog-location .oo-ui-window-foot {
    background-color: #333;
}

.ve-ui-mwSaveDialog-checkboxes {
    background-color: #444;
}

/*라이센스 안내*/
.ve-ui-mwSaveDialog-license {
    color: #ebebeb;
}

/*
바뀐글----------------------
*/

/*위젯상자 배경색*/
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
    background-color: #333;
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
    background-color: #333;
}

/*위젯상자 글자색*/
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
    background-color: #ebebeb;
}

/*위젯상자 인풋*/
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
    color: #ebebeb;
    background-color: #333
}

/*날짜*/
.mw-special-Recentchanges .mw-body #bodyContent div.mw-changeslist h4 {
    color: #ebebeb;
}

/*홀수 번째 칸 배경색*/
.mw-special-Recentchanges .mw-body #bodyContent div.mw-changeslist .mw-changeslist-line:not(tr):nth-child(odd),
.mw-special-Recentchangeslinked .mw-body #bodyContent div.mw-changeslist .mw-changeslist-line:not(tr):nth-child(odd),
.mw-special-Watchlist .mw-body #bodyContent div.mw-changeslist .mw-changeslist-line:not(tr):nth-child(odd) {
    background-color: #353535;
}

/*'사용 중인 필터'*/
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
    background-color: transparent;
    color: gainsboro;
}

/*그 외 메뉴 버튼색*/
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    background-color: #333;
}

/*그 외 메뉴 버튼 글자색*/
.oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
    color: #ebebeb;
}

/*더해진 바이트 수*/
.mw-plusminus-pos {
    color: yellowgreen;
}

/*빠진 바이트 수*/
.mw-plusminus-neg {
    color: #f09880;
}

/*
플로우 포스트---------------------------
*/

/*플로우 포스트 글자색*/
.flow-post {
    color: #EBEBEB;
}

/*답변, 감사를 표하기*/
.flow-post-meta {
    color: #EBEBEB;
}

/*
자유게시판-----------------------------
*/

/*자유게시판 제목박스*/
.flow-topic-titlebar {
    background-color: #333;
    color: #ebebeb;
}

.flow-topic-meta {
    color: #ebebeb;
}

/*자유게시판 텍스트박스*/
.flow-component .ve-init-mw-target-surface.ve-ui-surface-source .ve-ce-documentNode {
    background-color: #333;
}


/*
아이콘
*/
.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
.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),
span.flaggedrevs-icon {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}