wikipedia.org by kota

/* ==UserStyle==
@name           wikipedia.org - 8/31/2022, 6:57:18 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Simple theme for wikipedia
@author         kota
==/UserStyle== */
@-moz-document domain("wikipedia.org") {
    #mw-page-base,
    #mw-navigation,
    .mw-indicators,
    footer {
        display: none;
    }
    body {
        background-color: #ffffff;
        color: #212121;
    }
    @media (prefers-color-scheme: dark) {
        body {
            background-color: #1d1d1d;
            color: #fff;
        }
    }
    .mw-body {
        margin: 0 auto;
        padding: 2rem 1em;
        border: none;
        background-color: #ffffff;
        color: #212121;
    }
    @media (prefers-color-scheme: dark) {
        .mw-body,
        .mwe-popups-container,
        .thumbcaption,
        div.thumbinner {
            border: none;
            background-color: #1d1d1d;
            color: #fff;
        }
        .mwe-math-fallback-image-display,
        .mwe-math-fallback-image-inline {
            filter: invert(1);
        }
        #toc,
        #mw-toc-heading,
        .tocnumber,
        .toctogglelabel,
        .infobox,
        .mw-parser-output .navbox,
        .mw-parser-output .navbox-title,
        .mw-parser-output .navbox-group,
        .mw-parser-output .navbox-list,
        .catlinks,
        .side-box-flex,
        .side-box-text {
            background-color: #444;
            color: #fff;
            border-color: #555;
        }
    }
    #content {
        max-width: 50em;
    }
    #firstHeading {
        font-size: 2.5em;
        font-family: Georgia;
        color: #9e8f70;
        border-color: #9e8f70;
        border-width: 2px;
        padding-bottom: 6px;
    }
    @media (prefers-color-scheme: dark) {
        #firstHeading {
            color: #57bda0;
            border-color: #57bda0;
        }
        .mw-headline {
            color: #fff;
        }
    }
    #bodyContent {
        font-size: 1em;
    }
    #bodyContent p a,
    #bodyContent p a:visited,
    #bodyContent .hatnote a {
        color: #212121;
        text-decoration: underline;
    }
    @media (prefers-color-scheme: dark) {
        #bodyContent p a,
        #bodyContent p a:visited,
        #bodyContent .hatnote a {
            color: #fff;
            text-decoration: underline;
        }
    }
    #bodyContent .reference a,
    #bodyContent .toctogglelabel,
    #bodyContent .external {
        color: #212121;
        text-decoration: none;
    }
    @media (prefers-color-scheme: dark) {
        #bodyContent .reference a,
        #bodyContent .toctogglelabel,
        #bodyContent .external {
            color: #fff;
            text-decoration: none;
        }
    }
    #bodyContent a {
        color: #4f94cd;
    }
    #bodyContent a:hover,
    #bodyContent a:visited {
        color: #36648b;
    }
    @media (prefers-color-scheme: dark) {
        #bodyContent a {
            color: #96b6ea;
        }
        #bodyContent a:hover,
        #bodyContent a:visited {
            color: #b29fd9;
        }
    }
}