My mod to adapt to latest Archwiki version end 2021, based on "ArchLinux Wiki Dark" https://userstyles.org/styles/154653/archlinux-wiki-dark

archiwiki_2021_dark.css

/* My mod to adapt to latest Archwiki version end 2021 */
/* based on [ArchLinux Wiki Dark | Userstyles.org](https://userstyles.org/styles/154653/archlinux-wiki-dark)*/

div.mw-page-container,#mw-content-container,
#mw-page-container,
#vector-menu-content-list,
#mw-panel,
div.wvui-typeahead-search
{
    background-color: #0B0B0B !important;
    color: #B3B3B3 !important;
}
.vector-menu-tabs .selected {
    background-color: #2b2b2b !important;
}
#mw-sidebar-button
{
    background-color:#B3B3B3  !important;
    color: #0B0B0B !important;
}

.skin--responsive, .mw-page-container, .mw-content-container, .mw-workspace-container, .mw-article-toolbar-container {
     max-width: 95%;
 }
/* ------------------------------------------ */

input,
textarea,
select {
    padding: 2px 4px 2px 2px !important;
    color: #CFCFCF;
    background-color: #0D0D0D;
    border-color: #353535;
    -moz-appearance: none !important;
}
div[style='background-image: url("chrome://yass/content/edgebgtop.png");'] {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAACWCAYAAAAfduJyAAAAmklEQVQoke3KqwqEUABF0fNVvh/IFRFEBMFgMFgslltsNpPRajT7j3uKYcKE6TNlpSXHcdCfH8V13a/KJzzPe/B9/50gCB7CMERRFKE4jlGSJChNU5RlGTLGoDzPUVEUqCxLVFUVqusaNU2D2rZFXdehvu/RMAxoHEc0TROa5xlZa9GyLGhdV7RtG9r3HR3Hgc7zRNd1ofu+eQHYQwMGaED0BQAAAABJRU5ErkJggg==") !important;
}
th[style='background: #333; color: white; padding: 3px;'] {
    background-color: #090909 !important;
    color: #d1e7ff !important;
}
th[style='background: #333; color: white; padding: 2px;'] {
    background-color: #090909 !important;
    color: #d1e7ff !important;
}
div[style='padding: 5px; margin: 0.50em 0; background-color: #DDFFDD; border: thin solid #BBDDBB; overflow: hidden;'] {
    background-color: #161616 !important;
    border-color: #4183c4 !important;
}
div[style='padding: 5px; margin: 0.50em 0; background-color: #FFDDDD; border: thin solid #DDBBBB; overflow: hidden;'] {
    background-color: #161616 !important;
    border-color: #341f1e !important;
}
div[style='padding: 5px; margin: 0.50em 0; background-color: #DDDDFF; border: thin solid #BBBBDD; overflow: hidden;'] {
    background-color: #161616 !important;
    border-color: #1f1e34 !important;
}
div[style='background-image: url("chrome://yass/content/edgebgbot.png");'] {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAACWCAYAAAAfduJyAAAAm0lEQVQoke3HKwqEYABF4bMq3/hARH4EQRAMBovFYDLZTEaj0Wp2hVcYJhjcwUz5OIfrusR5nuI4DrHvu9i2TazrKpZlEfM8i2maxDiOYhgG0fe96LpOtG0rmqYRdV2LqqpEWZaiKAphjBF5nossy0SapiJJEhHHsYiiSIRhKIIgEL7vP/E8T7iu+8VxnCe2bb9jWdb7furPD3MD7MoD2Eu9J5sAAAAASUVORK5CYII=") !important;
}
mark {
    background-color: #828282 !important;
    color: #CFCFCF !important;
}
.mw-plusminus-pos {
    color: #5FED61 !important;
}
.mw-plusminus-neg {
    color: #EA4542 !important;
}
.mw-plusminus-null {
    color: #454545 !important;
}
.filehistory a img,
#file img:hover {
    background-color: #0D0D0D !important;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAI0lEQVQ4jWMQFRX9jw+zsrLixQyjBgwLAwgpIGTBqAHDwgAA6+0mENgN58cAAAAASUVORK5CYII=") !important;
    background-repeat: repeat !important;
}
li span.deleted,
span.history-deleted {
    color: #606060 !important;
}
.not-patrolled {
    background-color: #2F2F2F !important;
}
.unpatrolled {
    color: #BA1715 !important;
}
.mw-htmlform-invalid-input td.mw-input input {
    border-color: #BA1715 !important;
}
.catlinks li {
    border-left-color: #454545 !important;
}
.os-suggest {
    background-color: #0D0D0D !important;
    border-color: #454545 !important;
}
.os-suggest-result,
.os-suggest-result-hl {
    background-color: #0D0D0D !important;
    color: #CFCFCF !important;
}
.os-suggest-result-hl,
.os-suggest-result-hl-webkit {
    background-color: #888888 !important;
    color: #199ADF !important;
}
.autocomment {
    color: #676767 !important;
}
#pagehistory li {
    border-color: #199ADF !important;
}
#pagehistory li.selected {
    background-color: #0B0B0B !important;
    border-color: #454545 !important;
}
div.mw-warning-with-logexcerpt {
    border-color: #4076AC !important;
}
a.new {
    color: #E62320 !important;
}
table.wikitable {
    background-color: #0B0B0B !important;
    border-color: #454545 !important;
    color: #CFCFCF !important;
}
table.wikitable > tr > th,
table.wikitable > tr > td,
table.wikitable > * > tr > th,
table.wikitable > * > tr > td {
    border-color: #454545 !important;
}
table.wikitable > tr > th,
table.wikitable > * > tr > th {
    background-color: #121212 !important;
}
table tbody tr td[style="background:#f0f0f0;"],
table tbody tr[style="background:#e4e4e4"] {
    background-color: #222 !important;
}
.success {
    color: #4AEB4D !important;
}
.warning {
    color: #BA8215 !important;
}
.error {
    color: #BA1715 !important;
}
.errorbox,
.warningbox,
.successbox {
    color: #CFCFCF !important;
}
.errorbox {
    border-color: #BA1715 !important;
    background-color: #0B0B0B !important;
}
.warningbox {
    border-color: #BA7215 !important;
    background-color: #242424 !important;
}
.successbox {
    border-color: #4AEB4D !important;
    background-color: #161616 !important;
}
.mw-infobox {
    border-color: #BA6A15 !important;
}
.previewnote {
    color: #DF1C19 !important;
}
#mw_trackbacks {
    border-color: #060632 !important;
    background-color: #0D0D0D !important;
}
.mw-datatable,
.mw-datatable td,
.mw-datatable th {
    border-color: #454545 !important;
}
.mw-datatable th {
    background-color: #161616 !important;
}
.mw-datatable td {
    background-color: #0D0D0D !important;
}
.mw-datatable tr:hover td {
    background-color: #0D0D0D !important;
}
.imagelist .TablePager_col_links {
    background-color: #0D0D0D !important;
}
.imagelist th.TablePager_sort {
    background-color: #1E1E1E !important;
}
ul#filetoc {
    border-color: #454545 !important;
    background-color: #0B0B0B !important;
}
table.mw_metadata td,
table.mw_metadata th {
    border-color: #454545 !important;
}
table.mw_metadata th {
    background-color: #0B0B0B !important;
}
table.mw_metadata td {
    background-color: #080808 !important;
}
li.gallerybox div.thumb {
    border-color: #292929 !important;
    background-color: #0B0B0B !important;
}
.mw-help-field-hint {
    color: #2C6DE0 !important;
}
.mw-help-field-hint:hover {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAb0lEQVQYlWOYNGnS/y1bthDEIHUMIAYrKytBDFKHobiwsBBuGoiNU7Gpqen/jRs3/peVlQVjEFtTUxO3yTDs6+sLViwoKIhfcWRk5P8VK1aATcfrZpCJIIUwE/EqJik0ZsyY8d/R0ZE4xXhNJiUGAals58RqX0MDAAAAAElFTkSuQmCC") !important;
}
.mw-help-field-data {
    background-color: #191919 !important;
    border-color: #155977 !important;
}
.tipsy-inner {
    background-color: #191919 !important;
    color: #CFCFCF !important;
    border-color: #155977 !important;
}
#mw-allmessagestable .allmessages-customised td.am_default {
    background-color: #222222 !important;
}
#mw-allmessagestable tr.allmessages-customised:hover td.am_default {
    background-color: #3B3B3B !important;
}
#mw-allmessagestable td.am_actual {
    background-color: #131313 !important;
}
#mw-allmessagestable tr.allmessages-customised:hover + tr.allmessages-customised td.am_actual {
    background-color: #2B2B2B !important;
}
.mw-search-result-data {
    color: #4AEB4D !important;
}
.mw-search-formheader {
    background-color: #111111 !important;
    border-color: #333333 !important;
}
.mw-search-formheader div.search-types ul li.current a {
    color: #A5A5A5 !important;
}
fieldset#mw-searchoptions {
    background-color: #0B0B0B !important;
    border-color: #333333 !important;
}
fieldset#mw-searchoptions div.divider {
    border-bottom-color: #1C1C1C !important;
}
div#mw-search-interwiki {
    border-color: #454545 !important;
}
.mw-search-interwiki-project {
    background-color: #181818 !important;
    border-top-color: #373737 !important;
}
div.searchdidyoumean {
    color: #DF1C19 !important;
}
.mw-userrights-disabled {
    color: #606060 !important;
}
a {
    color: #2C6DE0 !important;
}
a:visited {
    color: #5B4AEB !important;
}
a:active {
    color: #FF1519 !important;
}
a.stub {
    color: #C26072 !important;
}
a.new,
#p-personal a.new {
    color: #E62320 !important;
}
a.new:visited,
#p-personal a.new:visited {
    color: #81504F !important;
}
.mw-body a.extiw,
.mw-body a.extiw:active {
    color: #3C60A1 !important;
}
.mw-body a.extiw:visited {
    color: #AE73AD !important;
}
.mw-body a.extiw:active {
    color: #A1633C !important;
}
.mw-body a.external {
    color: #3C60A1 !important;
}
.mw-body a.external:visited {
    color: #AE73AD !important;
}
.mw-body a.external:active {
    color: #A1633C !important;
}
hr {
    color: #454545 !important;
    background-color: #585858 !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #CFCFCF !important;
    border-bottom-color: #454545 !important;
}
code {
    background-color: #0B0B0B !important;
}
pre,
.mw-code {
    border-color: #4076AC !important;
    color: #CFCFCF !important;
    background-color: #0B0B0B !important;
}
fieldset {
    border-color: #4076AC !important;
}
#toc,
.toc,
.mw-warning {
    border-color: #454545 !important;
    background-color: #0B0B0B !important;
}
.toccolours {
    border-color: #454545 !important;
    background-color: #0B0B0B !important;
}
div.thumbinner {
    border-color: #292929 !important;
    background-color: #0B0B0B !important;
}
html .thumbimage {
    border-color: #292929 !important;
}
img.thumbborder {
    border-color: #1C1C1C !important;
}
#userlogin,
#userloginForm {
    border-color: #292929 !important;
}
.catlinks {
    border-color: #454545 !important;
    background-color: #0B0B0B !important;
}
.usermessage {
    background-color: #464646 !important;
    border-color: #BA8215 !important;
    color: #CFCFCF !important;
}
#contentSub,
#contentSub2 {
    color: #696969 !important;
}
div#content {
    background-color: #0D0D0D !important;
    color: #CFCFCF !important;
    border-top-color: #454545 !important;
    border-bottom-color: #454545 !important;
    border-left-color: #454545 !important;
}
body {
    background-color: #0B0B0B !important;
    color: #CFCFCF !important;
}
a {
    color: #224CE6 !important;
}
a:visited {
    color: #724DAB !important;
}
a.new,
#p-personal a.new {
    color: #DF3D19 !important;
}
#bodyContent a.extiw,
#bodyContent a.extiw:active {
    color: #3C60A1 !important;
}
#bodyContent a.external {
    color: #3C60A1 !important;
}
.pBody {
    background-color: #0D0D0D !important;
    color: #CFCFCF !important;
    border-color: #454545 !important;
}
#p-personal ul {
    color: #4076AC !important;
}
#p-personal li {
    color: #4076AC !important;
}
#p-personal li a {
    color: #3A9EE9 !important;
}
#p-personal li a:hover {
    background-color: #0D0D0D !important;
}
#p-cactions li {
    border-top-color: #454545 !important;
    border-right-color: #454545 !important;
    border-left-color: #454545 !important;
    background-color: #0D0D0D !important;
}
#p-cactions li.selected {
    border-color: #A17C15 !important;
}
#p-cactions li a {
    background-color: #090909 !important;
    color: #224CE6 !important;
}
#p-cactions li.selected a {
    background-color: #0D0D0D !important;
}
#p-cactions .new a {
    color: #E62320 !important;
}
#p-cactions li a:hover {
    background-color: #0D0D0D !important;
}
#t-ispermalink,
#t-iscite {
    color: #535353 !important;
}
div#footer {
    background-color: #0D0D0D !important;
    border-top-color: #A17C15 !important;
    border-bottom-color: #A17C15 !important;
}
#preftoc li {
    background-color: #141414 !important;
    color: #CFCFCF !important;
}
#preftoc li {
    border-top-color: #199ADF !important;
    border-left-color: #199ADF !important;
    border-right-color: #7E7D72 !important;
}
#preftoc li.selected {
    background-color: #0B0B0B !important;
    border-top-color: #454545 !important;
    border-right-color: #454545 !important;
    border-left-color: #454545 !important;
}
#preftoc a,
#preftoc a:active {
    color: #CFCFCF !important;
}
#preferences {
    border-color: #454545 !important;
    background-color: #0B0B0B !important;
}
.prefsection table,
.prefsection legend {
    background-color: #0B0B0B !important;
}
td.htmlform-tip {
    color: #7C7C7C !important;
}
div#userloginForm,
div#userlogin {
    border-color: #454545 !important;
    background-color: #0B0B0B !important;
}
div#userloginForm table,
div#userlogin table {
    background-color: #0B0B0B !important;
}
div#userlogin .captcha,
div#userloginForm .captcha {
    border-color: #373737 !important;
    background-color: #0D0D0D !important;
}
* > html #p-cactions li a {
    border-top-color: #454545 !important;
    border-right-color: #454545 !important;
    border-left-color: #454545 !important;
}
* > html #p-cactions li.selected a {
    border-color: #A17C15 !important;
}
span.updatedmarker {
    color: #CFCFCF !important;
    background-color: #828282 !important;
}
.editExternally {
    border-color: #676767 !important;
    background-color: #0D0D0D !important;
}
.editExternallyHelp {
    color: #676767 !important;
}
div.noarticletext {
    border-color: #292929 !important;
    background-color: #0D0D0D !important;
    color: #CFCFCF !important;
}
div.editOptions {
    border-color: #292929 !important;
    background-color: #0D0D0D !important;
    color: #CFCFCF !important;
}
div#searchTargetContainer {
    background-color: #0D0D0D !important;
}
div#searchTarget {
    background-color: #141414 !important;
    border-color: #1715BA !important;
}
div#searchTarget ul li:before {
    color: #BA8215 !important;
}
div#searchTargetHide {
    border-color: #CFCFCF !important;
    background-color: #272727 !important;
}
div.multipageimagenavbox {
    border-color: #333333 !important;
    background-color: #141414 !important;
}
div.mw-lag-warn-normal {
    border-color: #70500C !important;
    background-color: #1E1E1E !important;
}
div.mw-lag-warn-high {
    border-color: #BA1533 !important;
    background-color: #1E1E1E !important;
}
div.archwiki-template-message {
    background-color: #000000 !important;
}
.MediaTransformError {
    background-color: #373737 !important;
}

body,
#content,
table {
    background-color: #0B0B0B !important;
    color: #B3B3B3 !important;
}

h1,
h2,
h3,
h4,
h5 {
    color: #B3B3B3 !important;
}
pre,
code,
tt {
    background-color: #141414 !important;
    color: #B3B3B3 !important;
}
pre {
    border-color: #1E2934 !important;
}
a:link,
#p-cactions li a,
#p-personal li a,
#bodyContent a.external {
    color: #1F9BE6 !important;
}
a:visited,
#bodyContent a.external:visited {
    color: #7C7C7C !important;
}
a:focus {
    color: #FF3625 !important;
}
a:hover,
#p-personal li a:hover,
#bodyContent #toc a:hover,
#bodyContent a.external:hover {
    color: #535353 !important;
}
a:active {
    color: #FF3625 !important;
}
a.new,
#p-cactions .new a {
    color: #E6231F !important;
}
#toc,
.toc,
.mw-warning {
    background-color: #080808 !important;
    border-color: #181D1F !important;
}
.pBody {
    border-color: #1C1C1C !important;
}
div#content {
    border-color: #292929 !important;
}
div#footer {
    color: #606060 !important;
}
#archnavbar {
    background-color: #090909 !important;
    border-bottom-color: #199ADF !important;
}
#archnavbar ul li a {
    color: #535353 !important;
}
#archnavbar ul li a:hover {
    color: #199ADF !important;
    text-decoration: none !important;
}
input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="url"],
textarea {
    background-color: #181818 !important;
    border: 1px solid #ccc !important;
    border-radius: 3px !important;
    padding: 2px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset !important;
    color: #f3f3f3 !important;
    font-size: 13px !important;
    outline: medium none !important;
}
input[type="search"] {
    width: 100% !important;
    margin-bottom: 5px !important;
}
input[type="text"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
textarea:focus {
    border-color: #4183c4 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset, 0 0 2px #4183c4 !important;
}
input[class="button"],
input[type="submit"],
input[type="file"] {
    font: 13px/1.4 Helvetica, arial, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol" !important;
    cursor: pointer !important;
    background: none repeat scroll 0 0 #181818 !important;
    border: 1px solid #ccc !important;
    color: #c4c4c4 !important;
    border-radius: 3px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset !important;
}
input[class="button"]:hover,
input[type="submit"]:hover,
input[type="file"]:hover {
    background-color: #333333 !important;
    background-image: linear-gradient(#444444, #333333) !important;
    background-repeat: repeat-x !important;
}
#actionlist input {
    color: #199ADF !important;
    border: none !important;
}
select {
    padding: 2px 4px 2px 2px !important;
    font: 13px/1.4 Helvetica, arial, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol" !important;
    box-sizing: border-box !important;
    background: none repeat scroll 0 0 #181818 !important;
    border: 1px solid #444 !important;
    color: #eee !important;
}


/*

START FORK

*/
.archwiki-template-box,
.archwiki-template-box-note {
    background-color: #0B0B0B !important;
}

li.selected,
li.selected > span {
    border-color: #2389C4 !important;
    border-width: 3px !important;
}