MediaWiki:Timeless.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* All CSS here will be loaded for users of the Timeless skin */
/* Timeless Dark Mode Custom CSS */
:root {
    --mw-timeless-bg: #1e1e1e;
    --mw-timeless-text: #e0e0e0;
    --mw-timeless-content-bg: #2d2d2d;
    --mw-timeless-border: #444444;
    --mw-timeless-link: #69b0ff;
    --mw-timeless-link-visited: #bca1ff;
}

body, #mw-content-block, #mw-content-container {
    background-color: var(--mw-timeless-bg) !important;
    color: var(--mw-timeless-text) !important;
}

/* Content Area */
.mw-body, #content, #mw-content {
    background-color: var(--mw-timeless-content-bg) !important;
    color: var(--mw-timeless-text) !important;
    border-color: var(--mw-timeless-border) !important;
}

/* Sidebars and Headers */
#mw-header-container, #mw-navigation, .sidebar-chunk, #p-logo-text {
    background-color: #252526 !important;
    border-color: var(--mw-timeless-border) !important;
}

/* Links */
a { color: var(--mw-mw-timeless-link) !important; }
a:visited { color: var(--mw-timeless-link-visited) !important; }
a.new { color: #ff6b6b !important; } /* Broken links */

/* Headings and Text adjustments */
h1, h2, h3, h4, h5, h6, p, span, li, dt, dd {
    color: var(--mw-timeless-text) !important;
}

/* Tables and Info boxes */
.wikitable, th, td, .toc, pre, code {
    background-color: #252526 !important;
    color: var(--mw-timeless-text) !important;
    border-color: var(--mw-timeless-border) !important;
}

/* Input Fields and Search */
input, textarea, select {
    background-color: #3c3c3c !important;
    color: #ffffff !important;
    border: 1px solid var(--mw-timeless-border) !important;
}