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.

/* Dark mode styles for the page when the 'dark-mode' class is applied */
body.dark-mode {
    background-color: #2f3136;
    color: #e0e0e0;
}

body.dark-mode a {
    color: #7289da; /* Links in dark mode (Discord-like blue) */
}

body.dark-mode a:hover {
    color: #99aab5; /* Hover color for links */
}

body.dark-mode #content {
    background-color: #2f3136;
    color: #e0e0e0;
}

body.dark-mode #p-navigation {
    background-color: #202225;
    color: #e0e0e0;
}

body.dark-mode #footer {
    background-color: #202225;
    color: #e0e0e0;
}

/* Button styling in dark mode */
body.dark-mode button,
body.dark-mode input[type="button"],
body.dark-mode input[type="submit"] {
    background-color: #4e5156;
    color: #ffffff;
}

body.dark-mode button:hover,
body.dark-mode input[type="button"]:hover,
body.dark-mode input[type="submit"]:hover {
    background-color: #7289da; /* Blue hover effect */
}