사용자:Larodi/femiwiki.css

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
오페라: Ctrl-F5를 입력.
/*dark mode color test*/
.mw-body {

    #mw-notification-area {
        .mw-notification {
            border: solid 1px #b2d236;
            background-color: #dae8b2;
        }
    }
}

.mw-body-content {
    a.external {
        color: @color3;
    }

    a.new {
        color: #fa7f8e;

        &:visited {
            color: #bf7878;
        }
    }

    a.stub {
        color: #e64c6a;
    }

    // @See https://femiwiki.com/w/Topic:Tvsoi1ez3qwf7l7b
    s,
    strike {
        color: gray;
    }

    code {
        color: gainsboro;
        background-color: #707070;
        border: 1px solid #a1a1a1;
    }

    // Headings
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: gainsboro;
    }

    h2 {
        border-bottom: 2px solid #d7c9f5;
    }

    h3 {
        border-bottom: 1px dotted #d7c9f5;
    }

    hr {
        background-color: #a2a9b1;
        border: 0;
        margin: 0.2em 0;
    }

    table.wikitable {
        // IE needs inline-block to position scrolling shadows otherwise use:
        background-color: transparent;
    }

    // CSS only Responsive Tables
    // http://dbushell.com/2016/03/04/css-only-responsive-tables/
    // by David Bushell
    .wikitable,
    .wikitable--flip tbody {
        -webkit-overflow-scrolling: touch;
        background: -webkit-radial-gradient(left ellipse,
                rgba(255, 255, 255, 0.2) 0%,
                rgba(255, 255, 255, 0) 75%) 0 center,
            -webkit-radial-gradient(right ellipse,
                rgba(255, 255, 255, 0.2) 0%,
                rgba(255, 255, 255, 0) 75%) 100% center;
        background: radial-gradient(ellipse at left,
                rgba(255, 255, 255, 0.2) 0%,
                rgba(255, 255, 255, 0) 75%) 0 center,
            radial-gradient(ellipse at right,
                rgba(255, 255, 255, 0.2) 0%,
                rgba(255, 255, 255, 0) 75%)
    }

    .wikitable th:first-child,
    .wikitable td:first-child,
    .wikitable--flip tbody tr:first-child {
        background-image: -webkit-linear-gradient(left,
                white 50%,
                rgba(255, 255, 255, 0) 100%);
        background-image: linear-gradient(to right,
                white 50%,
                rgba(255, 255, 255, 0) 100%);
    }

    .wikitable th:last-child,
    .wikitable td:last-child,
    .wikitable--flip tbody tr:last-child {
        background-image: -webkit-linear-gradient(right,
                white 50%,
                rgba(255, 255, 255, 0) 30%);
        background-image: linear-gradient(to left,
                white 50%,
                rgba(255, 255, 255, 0) 30%);
    }

    .wikitable th {
        color: gainsboro;
    }

    .wikitable > * > tr > th,
    .wikitable > * > tr > td {
        background-color: transparent;
        border: 1px solid #ddd;
    }

    textarea:not(.ve-init-mw-tempWikitextEditorWidget) {
        border: 1px solid #c8ccd1;
        box-sizing: border-box;
    }

    *:not(.mw-highlight) > pre:not(.CodeMirror-line) {
        background-color: #a1a1a1;
        color: gainsboro;
        white-space: pre-wrap;
    }

    .mw-highlight > pre {
        background-color: #adadad;
        color: gainsboro;
    }

    #contentSub {
        color: #868f96;

        .flaggedrevs_short {
            background-color: transparent;
        }
    }

    #mw-content-text {
        .mw-warning {
            border: 1px solid #a2a9b1;
            background-color: #696969;
        }

        .magnify {
            a {}
        }
    }

    .catlinks,
    #mw-content-text .mw-parser-output .fw-catlinks {
        border: 0 solid #a2a9b1;
        background-color: transparent;

        ul {}
    }

    .fw-catlinks-toggle {
        color: #bababa;
        background-color: transparent;
    }

    .btn,
    .btn:hover,
    .btn:visited {
        color: gainsboro;
        background-color: #7975a1;
    }

    // VisualEditor
    .ve-init-mw-desktopArticleTarget-toolbar,
    .ve-init-mw-desktopArticleTarget-toolbarPlaceholder {
        margin: 0;
    }
}

.mw-parser-output {

    // Table of contents
    .toc {
        background-color: inherit;

        ul,
        // Override mediawiki.legacy
        ul ul {

            li {
                .tocnumber {
                    color: gainsboro;
                }
            }
        }

        &::before {
            border-bottom: 2px solid #8981d3;
        }

        &::after {
            border-top: 2px solid #8981d3;
        }
    }

    // Interwiki Styling
    a.extiw,
    a.extiw:active {
        color: #6394eb;
    }

    a.extiw:visited {
        color: #c28cc2;
    }

    a.extiw:active {
        color: #e89664;
    }

    // External links
    a.external:active {
        color: #e89664;
    }

    // Links
    a.external {
        color: #ccccff;
    }

    a.new {
        color: #fa7f8e;

        &:visited {
            color: #bf7878;
        }
    }

    // Image
    .thumb {

        .thumbinner {
            background-color: #3d3d3d;
            border: 1px solid #c8ccd1;
        }

    }

    .thumbimage {
        background-color: #333333;
        border: 1px solid #c8ccd1;
    }

}

body {
    background-color: #333333;
}

a:visited {
    color: #ccccff;
}

a.new {
    color: #fa7f8e;

    &:visited {
        color: #bf7878;
    }
}

#p-header #p-title-and-tb h1.firstHeading,
.oo-ui-window .mw-body-content h1.firstHeading {
    color: gainsboro;
}

.mw-body-content .mw-highlight > pre {
    color: gainsboro;
    background-color: #333333;
}

.mw-plusminus-pos {
    color: #a2e0bf;
}

.mw-plusminus-neg {
    color: #f2a7ba;
}