MediaWiki:Common.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.

/* CSS placed here will be applied to all skins */
body.dark-mode {
    background-color: #121212;
    color: #ffffff; /* Change to white */
}
body.dark-mode a {
    color: #64b5f6;
}
body.dark-mode a:visited {
    color: #bb86fc;
}
body.dark-mode .mw-body {
    background-color: #1e1e1e;
    color: #ffffff; /* Ensure normal text is white in the main body */
}

body.dark-mode .vector-menu, 
body.dark-mode #mw-panel {
    background-color: #1e1e1e; /* Match the body background */
    color: #ffffff; /* Text colour */
}

body.dark-mode .vector-menu a, 
body.dark-mode #mw-panel a {
    color: #64b5f6; /* Link colour */
}

body.dark-mode .vector-menu a:hover, 
body.dark-mode #mw-panel a:hover {
    color: #bb86fc; /* Link hover colour */
}
.dark-mode-toggle a {
    color: #ffffff; /* Text colour for the toggle */
    cursor: pointer;
}
body.dark-mode .dark-mode-toggle a {
    color: #64b5f6; /* Colour for dark mode toggle text */
}