ArchLinux Dark Style by barmaleyko

/* ==UserStyle==
@name         archlinux.org dark style
@version      20240707.05.10
@namespace    userstyles.world/user/barmaleyko
@description  archlinux.org dark style
@author       barmaleyko
@license      MIT
@preprocessor   stylus
==/UserStyle== */
@-moz-document domain("wiki.archlinux.org"),
domain("archlinux.org") {
    body {
        background-color: #000!important;
        color: #b7b7b7;
    }

    body.skin-vector div.mw-page-container {
        background-color: #000 !important;
    }

    .vector-body {
        font-size: calc(1em * 0.950);
    }

    #content {
        font-size: .920em;
    }

    .postleft {
        font-size: 14px;
    }

    .postright {
        font-size: 14px;
    }

    #content {
        padding-left: 10px;
        padding-right: 10px;
    }

    #content-right {
        margin-top: 10px;
        margin-left: -308px;
    }

    #archnavbar {
        background: #141414!important;
    }

    .mw-page-container {
        background-color: #141414 !important;
    }

    .sidebar-toc {
        max-height: 75vh;
        padding: 20px 12px 20px calc(15px + 0.75em);
        box-sizing: border-box;
        overflow: auto;
        background-color: #000;
    }

    @media screen and (min-width: 1000px) {
        .vector-toc-not-collapsed .sidebar-toc:after {
            background: none;
        }
    }

    .sidebar-toc .sidebar-toc-link {
        word-break: break-word;
        color: #718bd3;
        display: block;
    }

    .sidebar-toc .sidebar-toc-link:hover {
        word-break: break-word;
        color: #8aa7f7;
        display: block;
    }

    #content {
        background: #161616;
        border: none;
    }

    #taskdetailsfull,
    #taskfieldscell,
    .commenttext {
        font-size: 14px;
    }

    .catlinks {
        border: 1px solid #333;
        background-color: #222;
        padding: 5px;
        margin-top: 1em;
        clear: both;
    }

    div.archwiki-template-box.archwiki-template-box-note {
        background-color: #222 !important;
        border-color: #262626;
        color: #b7b7b7;
    }

    p {
        color: #b7b7b7;
    }

    .sidebar-toc .sidebar-toc-list-item-active > .sidebar-toc-link {
        color: #d8e2ff !important;
        font-weight: bold;
        width: calc(100% + 12px);
    }

    #content table,
    #content h1,
    #content h2,
    #content h3,
    #content h4,
    #content h5,
    #content pre,
    #content code,
    #content tt {
        color: #b7b7b7;
    }

    #content code {
        background-color: #401e1e;
        color: #ccc;
    }

    h1,
    h2 {
        border-bottom: 1px solid #333;
    }


    li {
        color: #b7b7b7;
    }

    div.archwiki-template-box.archwiki-template-box-tip {
        background-color: #132013 !important;
        border-color: #152f15 !important;
        color: #ccc;
    }

    #content pre:not([class*="CodeMirror"]),
    #content tt {
        background-color: #000;
        font-family: monospace;
        border-color: #202020;
    }

    div.archwiki-template-message {
        background-color: #211924;
        border: 1px solid #312537;
        color: #ddd;
    }

    #mw-sidebar-checkbox:not(:checked) ~ .mw-header #mw-sidebar-button:before {
        filter: invert(35%) !important;
    }

    .mw-sidebar {
        background-color: #202020;
    }


    header.mw-header li:not(.new) a:not(.new),
    #mw-navigation li:not(.new) a:not(.new),
    #mw-panel li:not(.new) a:not(.new),
    #column-one li:not(.new) a:not(.new),
    #footer a:not(.new) {
        text-decoration: none;
        color: #8aa7f7 !important;
    }

    .vector-menu-portal .vector-menu-heading {
        color: #888;
    }

    .mw-ui-button.mw-ui-progressive.mw-ui-quiet {
        color: #8aa7f7;
        background-color: transparent;
        border-color: transparent;
    }

    .mw-ui-icon:not(.mw-ui-button) {
        color: #8aa7f7 !important;
    }

    .mw-ui-icon-wikimedia-language-progressive:before {
        filter: invert(35%) !important;
    }

    .wikitable > tr > th,
    .wikitable > * > tr > th {
        background-color: #181818 !important;
        text-align: center;
    }

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

    .cdx-text-input__input:enabled {
        background-color: #333;
        color: #b7b7b7;
        border-color: #444;
    }

    .cdx-button--framed:enabled {
        background-color: #555;
        border-color: #555;
        color: #b7b7b7;
    }

    .cdx-button--framed {
        background-color: #555;
        border-color: #ccc;
        color: #b7b7b7;
    }

    div.archwiki-template-box.archwiki-template-box-warning {
        background-color: #541f1f;
        border-color: #652323;
        color: #ddd
    }

    div.box {
        margin-bottom: 1.5em;
        padding: 0.65em;
        background: #161616;
        border: none;
    }

    #pkgsearch {
        padding: 1em 0.75em;
        background: #1d495c;
        color: #ccc;
        border: 1px solid #076285;
    }

    #pkgsearch input {
        width: 10em;
        float: right;
        font-size: 1em;
        color: #000;
        background: #fff;
        border: 1px solid #076285;
    }

    textarea {

        background: #222;
        border: 1px solid #555;
        color: #ddd;
    }

    dl dt {
        color: #777;
    }

    dl dt,
    dl dd {
        margin-bottom: 4px;
        padding: 8px 0 4px;
        font-weight: bold;
        border-top: 1px dotted #333;
    }


    #content a:not(.new):visited,
    #mw-panel li:not(.new) a:not(.new):visited,
    #p-navigation li:not(.new) a:not(.new):visited,
    #p-tb li:not(.new) a:not(.new):visited,
    #content a:not(.new):not([role=button]):visited,
    #mw-panel li:not(.new) a:not(.new):not([role=button]):visited,
    #p-navigation li:not(.new) a:not(.new):not([role=button]):visited,
    #p-tb li:not(.new) a:not(.new):not([role=button]):visited {
        color: #c687ff !important;
    }

    img {
        filter: invert(11%) !important;
    }

    .results th {
        border-bottom: 1px solid #555;
        background-color: #222;
    }

    .results tr:nth-child(odd),
    #article-list tr:nth-child(odd) {
        background: #161616;
    }
    .results tr:nth-child(even),
    #article-list tr:nth-child(even) {
        background: #121212;
    }

    #article-list tr:hover,
    #clocks-table tr:hover,
    #dev-dashboard tr:hover,
    #dev-todo-lists tr:hover,
    #dev-todo-pkglist tr:hover,
    #pkglist-results tr:hover,
    #stats-area tr:hover {
        background: #141414;
    }

    select[multiple] {
        background: #222 !important;
        color: #aaa !important;
    }

    input[type=text],
    input[type=password],
    textarea {
        background: #222 !important;
        color: #aaa !important;
    }


    select {
        background: #222;
        color: #333 !important;
        color: #aaa !important;
    }

    input[type=submit] {
        background: #333;
        color: #aaa;
    }

    html,
    body,
    .pun {
        background: #000;
        color: #b7b7b7;
    }

    .pun .punwrap {
        background: #000;
        border-color: #222;
        color: #b7b7b7;
    }

    .pun .blocktable .box {
        background: #161616;
        border-color: #222 #222;
    }

    .pun .blocktable td {
        border-color: #181818 !important;
    }

    .pun .blocktable th {
        background: #222;
        border-color: #222;
        color: #aaa;
    }

    #punindex .blocktable h2,
    .pun #vf h2 {
        color: #aaa;
        margin-left: 20px !important;
    }

    .pun .icon {
        border-color: #222;
        border-width: 6px;
        margin: 2px 0 0 2px;
    }

    #brdmenu {
        background: #000;
    }

    #brdmenu a,
    #brdmenu a:link,
    #brdmenu a:visited {
        display: inline;
        padding-right: 10px;
        background: #000;
        color: #718bd3;
    }

    #brdmenu a:hover {
        display: inline;
        padding-right: 10px;
        background: #000;
        color: #8aa7f7;
    }

    #brdwelcome {
        background: #000;
    }

    td.task_summary a {
        color: #718bd3 !important;
    }

    td.task_summary a:hover {
        color: #8aa7f7 !important;
    }

    #brdmenu a:link,
    #brdmenu a:visited {
        border: none;
    }

    #brdmenu a:link,
    #brdmenu a:visited {
        padding: 10px 15px 6px 6px;
        margin-left: 3px;
    }

    .pun .blockpost h2 {
        background: #161616;
        border-color: #222;
        color: #b7b7b7;
    }

    .pun .blockpost .inbox {
        background: #161616;
    }

    .pun .blockpost .postright {
        background: #161616;
    }

    .pun .blockpost .postbody,
    .pun .blockpost .postfoot {
        background: #161616;
        border-color: #222;
    }

    .pun .codebox {
        background: #000;
        border-color: #222;
        color: #b7b7b7;
        font-size: 14px;
    }

    .pun .quotebox {
        border-color: #333;
        background: #222;
    }

    .pun .postmsg p {
        color: #b7b7b7;
    }

    .pun .quotebox cite {
        color: #ddd;
    }

    #brdmain {
        border-color: #333 !important;
    }

    #punviewtopic .blockpost dt,
    #punmoderate .blockpost dt {
        color: #ccc !important;
    }

    .pun .blockpost {
        background: #222;
        border-color: #333 #333;
        border-bottom: 5px solid #444;
    }

    .pun a,
    .pun a:link,
    .pun a:visited {
        color: #718bd3 !important;
    }

    .pun a:hover {
        color: #8aa7f7 !important;
    }

    .pun a:hover,
    #brdmain a:hover {
        color: #8aa7f7 !important;
    }


    .pun .blockpost .postleft,
    .pun .blockpost .postfootleft {
        color: #777
    }

    #bodyContent > div.mw-content-ltr a,
    #bodyContent > div.mw-content-rtl a,
    #wikiPreview > di...