MediaWiki:Timeless.css: Difference between revisions

From Access Tech Central
(Created page with "→‎All CSS here will be loaded for users of the Timeless skin: →‎High-Contrast Dark Theme for Timeless: :root { --background-color-base: #000000; →‎Pure black for maximum contrast: --color-base: #FFFFFF; →‎Pure white text: --color-primary: #FFFF00; →‎Bright yellow links (High visibility): } body, #content { background-color: #000000 !important; color: #FFFFFF !important; font-size: 1.3rem !important; /* Larg...")
 
No edit summary
Line 3: Line 3:
/* High-Contrast Dark Theme for Timeless */
/* High-Contrast Dark Theme for Timeless */
:root {
:root {
     --background-color-base: #000000; /* Pure black for maximum contrast */
     --background-color-base: #000000 !important; /* Pure black for maximum contrast */
     --color-base: #FFFFFF;            /* Pure white text */
     --color-base: #FFFFFF !important;            /* Pure white text */
     --color-primary: #FFFF00;        /* Bright yellow links (High visibility) */
     --color-primary: #FFFF00 !important;        /* Bright yellow links (High visibility) */
}
}



Revision as of 06:31, 20 February 2026

/* All CSS here will be loaded for users of the Timeless skin */

/* High-Contrast Dark Theme for Timeless */
:root {
    --background-color-base: #000000 !important; /* Pure black for maximum contrast */
    --color-base: #FFFFFF !important;            /* Pure white text */
    --color-primary: #FFFF00 !important;         /* Bright yellow links (High visibility) */
}

body, #content {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    font-size: 1.3rem !important;      /* Larger text for accessibility */
    line-height: 1.8 !important;       /* Better spacing for screen readers */
}

/* Make links pop against the black */
a { color: #00FFFF !important; }      /* Cyan links */
a:visited { color: #FF00FF !important; } /* Magenta visited links */

/* Ensure the search bar and buttons are visible */
input, button {
    background-color: #222 !important;
    color: #FFF !important;
    border: 2px solid #FFFF00 !important;
}