MediaWiki talk:Timeless.css

Please overwrite MediaWiki:Timeless.css code with this instead
User:Kmdenmark can do you this? It should improve color contrast, and restore the layout and the missing user preferences for mobile users, who currently have to change skins back in Special:SpecialPages. It will also remove the Merriweather font since the new default font is much nicer. There will probably may to be a few more changes after this. Thanks notjusttired (talk)

/* CSS placed here will affect users of the Timeless skin */

html { background: rgb(0,0,0) !important; height: 100%; filter: brightness(100%) contrast(100%) grayscale(0%) !important; -webkit-filter: brightness(100%) contrast(100%) grayscale(0%) !important; } body { margin: 0; background: #000; color: #ccc; }

/* make orange brighter using low vision colors */ a, a:link, a:active { /* unvisited links */ color: #E69F00; } .current, .current a { /* Content types etc on search results */ color: #E69F00!important; } /* wanted pages red color */ a.new, a.new:hover, .new a:hover, a.new:visited, .new a:visited { color: #FF4444; } /* stubs lighter than low vision sky blue */ a.stub { color: #86d4f9 !important; } /* low vision sky blue shade for some headings and visited */ h2, h3, h4, a:visited, a:hover, a.link:visited { color: #56b4e9; }

/* caption does site visits */ caption { color: #ccc; } caption big { color: #bbb; font-weight: normal; }

/* set dark colors where missing*/ h1 { color: #fff; text-shadow: 1px 1px 1px #000; }

font-weight: normal; } b, strong { text-shadow: 1px 1px 1px #000; } div.editOptions { border: #aaa; background: #555; }	border-top: solid 2px #000; background: #333; }	background: #333; color: #ccc; border: 0; }
 * 1) personal .dropdown b {
 * 1) mw-header-nav-hack {
 * 1) mw-site-navigation .sidebar-inner {

border: outset #aaa; box-shadow: 1px 1px 1px rgba(0,0,0,0.5); border-radius: 2px; } /* set dark colors where missing*/ .right-canvas-menu, .left-off-canvas-menu, .off-canvas-list, .sidebar-chunk, .toc, #toc, { background-color: #000; color: #cccccc; border: #aaa; } .sidebar-inner { background-color: #333!important; color: #ccc; border: #aaa; }
 * 1) mw-site-navigation .sidebar-chunk {
 * 1) mw-wrapper, #mw-header, #mw-header-container,
 * 1) mw-content-text,
 * 1) p-cactions

.gallery, .gallerybox, table, p, div, table ul, table li { background: #333; color: #ccc; border: #000; }

/* orange /* .mw-parser-output a.external { color: #ff9900; }	background: #333; }	border: inset 1px #000; border-radius: 3px; } /* Dropdown box autocomplete must not be navy */ /* Search results suggestion box */ .suggestions-results, .suggestions-special { background-color: #000; border: solid 1px #aaa!important; color: #ccc; }
 * 1) searchInput-container {
 * 1) simpleSearch {

div#simpleSearch, .suggestions-special .special-label, .suggestions-result, .suggestions-special .special-query { color: #ccc!important; background-color: #333!important; } border-color: transparent!important; }
 * 1) searchButton {

.mw-notification { background: #000; border: #333; border-radius: 5px; color: #999; } .mw-wiki-logo { background-size: contain; } background-color: #000; color: #eeeeee; }
 * 1) p-logo-text a, #p-logo-text {

/* Dropdown box autocomplete must not be navy */ /* Search results suggestion box */ .suggestions-results, .suggestions-special { background-color: #000; border: solid 1px #aaa!important; color: #ccc; }

/* addthis colors */ .addthis_default_style { background-color: #000 !important; border-color: #000; color: #ccc; }	width: 100%; max-width: 100%; padding: 0; position: static; } @media screen and (max-width: 850px) { background: #000; } }
 * 1) mw-header {
 * 1) menus-cover {

background: #000; } @media screen and (max-width: 850px) { background: #000; } }
 * 1) mw-content-container {
 * 1) mw-content-block {

background: #000; }	background: #333; border: solid #000; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }	color: #999900; }	border: outset #333; box-shadow: 2px 2px 1px rgba(0,0,0,0.5); border-radius: 3px; }
 * 1) mw-site-navigation {
 * 1) mw-content {
 * 1) mw-page-header-links li.selected a {
 * 1) mw-related-navigation .sidebar-chunk {

.color-left, .color-right { background-color: #333; } .color-left-container, .color-right-container, .color-middle-container, .color-middle { background-color: #E7453A; color: #333; fill-color: #333; overflow: hidden; } .color-bar { background: #E7453A ; }

/* Table background colors and allow scroll off side */ table { background-color: #333; color: #ccc; border-color: #000; overflow-x: auto; } th { background-color: #333; color: #ccc; border-color: #000; } tr, td { background-color: #333; color: #ccc; border-color: #000; }

/* Tabular tables - used on main page */ table.wikitable { border-color: #000 !important; color: #ccc; text-align: center; background-color: #000; text-shadow: 2px 2px 4px #000; } .wikitable tr { background-color: #333; border-color: #000; color: #eee; } .wikitable > * > tr > th { background-color: #454544!important; border-color: #000; color: #fff!important; }

.wikitable tr, .wikitable tr td { background-color: #333; border-color: #000 !important; color: #ccc; }

/* JQuery white sort arrows */ table.jquery-tablesorter th.headerSort { filter: invert(100%); } table.jquery-tablesorter th.headerSortUp { filter: invert(100%); } table.jquery-tablesorter th.headerSortDown { filter: invert(100%); } @media screen and (max-width: 1099px) and (min-width: 851px) { border: outset #333; box-shadow: 2px 2px 1px rgba(0,0,0,0.5); } }
 * 1) mw-related-navigation .sidebar-chunk {

text-shadow: 1px 1px 0 #333; } background: #333! important; border: solid #000; }
 * 1) personal h2 {
 * 1) personal .dropdown {

/* transparent images need white background */ img { color: white; background-color: #333; border: 0; } /* Images - transparent images need white background */ .mw-body img { border: 2px solid #000; background-color: #FFF; }

/* gallery image border */ .thumb, .image { margin: 0.5rem auto; background-color: #333 !important; border: 2px solid #000 !important; }

hr { border-color: #000; background-color: #333; }

/* bullet points within Portal gallery or Portal table sections */ ul.gallery, .gallerybox > div, td > ul, td > p, td div, div div { color: #ccc; background-color: #333; border-color: #333; }

.codeEditor-status { color: #555; } .oo-ui-labelElement-label { text-shadow: 1px 2px #333; }	text-shadow: 1px 1px 1px #000 !important }	background: #000; } fieldset { background: #333! important; border: solid #000; } input { background: #333; border: solid 1px #000!important; border-radius: 2px; color: #ccc; } .mw-ui-button.mw-ui-progressive, .mw-ui-button.mw-ui-progressive:active, .mw-ui-button.mw-ui-progressive.mw-ui-checked, input[type='submit'], input[type='button'], button { border: solid 1px #333!important; border-bottom: 0!important; text-shadow: 0 0 0 #000 !important; border-bottom: solid 1px #333!important; } .oo-ui-flaggedElement-destructive { background: #000; border: 1px solid #444; color: #FF4444 !important; } .oo-ui-flaggedElement-destructive:hover { background: #333; color: #CC0000 !important; }	border: 0!important; } .oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea { background-color: #333; color: #ccc; }	background-color: #555; } .warningbox { background: #333; }
 * 1) wpSave {
 * 1) mw-footer-container {
 * 1) searchInput {
 * 1) pagehistory li.selected {

.mw-plusminus-neg { color: #FF0000; }	color: #00ffff; }	color: #56b4e9; } .diff-addedline .diffchange { background: #ff4444; } .oo-ui-buttonElement.oo-ui-labelElement > input.oo-ui-buttonElement-button, .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { text-shadow: 0 0 0 #000 !important; } .oo-ui-labelElement-label { text-shadow: 0 0 0 #000 } .oo-ui-panelLayout-expanded { background: #333; } .oo-ui-messageDialog-message { color: #999; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: #999; } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { border-right: 1px solid #000 } .oo-ui-dialog-content > .oo-ui-window-body { outline: 1px solid #000; } .oo-ui-messageDialog-content > .oo-ui-window-foot { outline: 1px solid #000; } .wikiEditor-ui .wikiEditor-ui-view { border: 1px solid #000; } .wikiEditor-ui .wikiEditor-ui-top { border-bottom: 1px solid #000; } textarea[style] { background: #000 !important; color: #fff; } pre, .mw-code { background: #222; color: #B0B0B0; border: 1px solid #444; } .oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon { background-color: #999; border: 1px solid #333; }
 * 1) mw-footer-container a:hover {
 * 1) mw-footer-container a:visited {

/* search results had defaulted to black, and dark green for date, size under results */ .searchResults { background-color: #333; color: #aaa; } .results-info, .mw-search-result-data { color: #aaa; }

/* Color code snippets incl for errors */ code { background-color: #ccc; color: #000; font-weight:bold; } .error code { color: #FF4444; }

/* wikieditor code, bold and italics */ .wikiEditor-ui { background-color: #333; } .group-codeeditor-main, .group.group-format { filter: invert(100%); background-color: #fff!important; color: #333!important; } wikiEditor-ui, .wikiEditor-section-main, div.group-format {   background-color: #333!important; filter: none; color: #ccc ; } /* Recent changes title area */ fieldset { border: #000; background-color: #333; color: #ccc; }

/* add to existing mobile section margins */ padding-left: 1px; padding-right: 1px; color: #ccc; }
 * 1) mw-body, #mw-content {

/* end of dark CSS May 20 2019*/