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 */
/* Set background color to dark */
body {
    background-color: #1e1e1e;
    color: #d4d4d4; /* Set text color to light */
}

/* Header */
#mw-head {
    background-color: #2c2c2c; /* Dark header background color */
    color: #d4d4d4; /* Set text color to light */
}

/* Footer */
#footer {
    background-color: #2c2c2c; /* Dark footer background color */
    color: #d4d4d4; /* Set text color to light */
}

/* Links */
a {
    color: #90caf9; /* Set link color to a light blue */
}

/* Visited links */
a:visited {
    color: #b39ddb; /* Set visited link color to a light purple */
}

/* Hovered links */
a:hover {
    color: #ffeb3b; /* Set hover link color to yellow */
}

/* Sidebar */
#mw-panel {
    background-color: #333; /* Dark sidebar background color */
    color: #d4d4d4; /* Set text color to light */
}

/* Vector specific changes */
.vectorTabs .selected {
    background-color: #333; /* Darken the selected tab color */
    color: #ffeb3b; /* Set text color to yellow */
}

.vectorMenu .menu {
    background-color: #333; /* Darken the menu background color */
    color: #d4d4d4; /* Set text color to light */
}

.vectorMenu .menu a {
    color: #90caf9; /* Set menu link color to a light blue */
}

/* Enhance readability of table elements */
table {
    background-color: #333; /* Darken the table background color */
}

table th, table td {
    border-color: #666; /* Darken the table border color */
}

/* Code blocks */
pre, code {
    background-color: #333; /* Darken the code block background color */
    color: #d4d4d4; /* Set code text color to light */
}