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)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* TIMELESS FULL DARK MODE */

/* 1. Global Background (The Canvas) */
html, body, #mw-content-container {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* 2. Sidebars (Left and Right) */
#mw-site-navigation, #mw-related-navigation {
    background-color: #1a1a1a !important; /* Slightly lighter than black to see depth */
    border: none !important;
}

/* 3. The Main Content Area */
#content {
    background-color: #121212 !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
    max-width: 1300px !important; /* Wider as requested */
    line-height: 1.8 !important;   /* Better for screen readers */
}

/* 4. The Top Header Bar */
#mw-header-container {
    background-color: #000000 !important;
    border-bottom: 2px solid #FFFF00 !important; /* Yellow accessibility line */
}

/* 5. Navigation Links in Sidebars */
.sidebar-chunk, .mw-portlet {
    background-color: transparent !important;
    color: #ffffff !important;
}

.sidebar-chunk a, .mw-portlet a {
    color: #00FFFF !important; /* Cyan for high-contrast links */
}

/* 6. Fix for white text on white backgrounds in buttons */
input, button, .mw-ui-button {
    background-color: #333 !important;
    color: #fff !important;
    border: 1px solid #FFFF00 !important;
}