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.

/* Set general background color to dark grey */
body {
    background-color: #2f3136; /* Dark grey, like Discord's background */
    color: #e0e0e0; /* Light text color for contrast */
}

/* Set the background color of the content area */
#content {
    background-color: #2f3136;
    color: #e0e0e0;
}

/* Adjust the navigation bar */
#p-navigation {
    background-color: #202225; /* Darker grey for the navigation bar */
    color: #e0e0e0;
}

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

#p-navigation a:hover {
    color: #7289da; /* Blue color for hovered links (similar to Discord's link color) */
}

/* Adjust footer background */
#footer {
    background-color: #202225; /* Dark grey for footer */
    color: #e0e0e0;
}

/* Links (modify for better contrast) */
a {
    color: #7289da; /* Blue links like Discord */
}

a:visited {
    color: #9b9b9b; /* Slightly lighter color for visited links */
}

/* Button styling */
button, input[type="button"], input[type="submit"] {
    background-color: #4e5156; /* Dark button background */
    color: #ffffff; /* White text */
    border: none;
}

button:hover, input[type="button"]:hover, input[type="submit"]:hover {
    background-color: #7289da; /* Hover effect: blue button (like Discord) */
}