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 */
/* Global dark mode */
body {
    background-color: #121212;
    color: #E0E0E0;
}

a {
    color: #1E90FF; /* Light blue for links */
}

a:visited {
    color: #8A2BE2; /* Purple for visited links */
}

/* Header background and text color */
#mp-upper, #firstHeading, .skin-vector-main-header {
    background-color: #1E1E1E;
    color: #FFFFFF;
}

/* Navigation bar */
#p-navigation {
    background-color: #1E1E1E;
    color: #E0E0E0;
}

#p-navigation a {
    color: #E0E0E0;
}

#p-navigation a:hover {
    color: #1E90FF;
}

/* Footer */
#footer {
    background-color: #1E1E1E;
    color: #E0E0E0;
}

/* Links in tables, list items, etc */
table, .wikitable {
    background-color: #1E1E1E;
    color: #E0E0E0;
}

/* Form elements */
input, select, textarea {
    background-color: #333;
    color: #E0E0E0;
    border: 1px solid #444;
}

/* Darken the page background */
#content {
    background-color: #181818;
}

/* Dark mode specific styles for images and media */
img {
    border: 1px solid #444;
}

/* Optional: To handle hover effects and transitions for smooth change */
a, button {
    transition: color 0.3s ease, background-color 0.3s ease;
}