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 TOTAL BLACKOUT - ACCESSIBILITY VERSION */

/* 1. THE UNIVERSAL FORCE - Every element to Black */
*, *::before, *::after {
    background-color: #000000 !important;
    background-image: none !important;
    color: #ffffff !important;
    border-color: #444444 !important;
}

/* 2. BIG FONT & SPACING - Global Text Increase */
html, body, p, div, li, span, a {
    font-size: 1.25rem !important; /* Larger text for easier reading */
    line-height: 1.8 !important;   /* Better spacing for screen readers */
}

/* 3. ICON FIX - Make them white and bigger */
.mw-ui-icon, .oo-ui-iconElement-icon, img.mw-logo-icon, .indicator {
    filter: invert(1) brightness(2) !important; /* Turns black icons white */
    width: 32px !important;  /* Increases icon size */
    height: 32px !important;
}

/* 4. CONTENT AREA PREFERENCES - Your dark gray zones */
#content {
    background-color: #111111 !important;
    max-width: 1400px !important;
}

#searchInput {
    background-color: #333333 !important;
    font-size: 1.3rem !important;
    height: 45px !important;
}

/* 5. ACCESSIBILITY LINKS & HEADERS */
a { color: #00FFFF !important; font-weight: bold !important; }
a:visited { color: #FF00FF !important; }

h1, h2, h3, h4 { 
    color: #FFFF00 !important; 
    font-size: 2rem !important; /* Large Headings */
    margin-top: 1.5rem !important;
}

/* 6. LOGO CLEANUP */
.mw-wiki-logo, #p-logo-text { display: none !important; }