MediaWiki:Common.css: Difference between revisions
From Noe's Woes
Noelle Jade (talk | contribs) (Blanked the page) Tag: Blanking |
Noelle Jade (talk | contribs) No edit summary Tag: Reverted |
||
| Line 1: | Line 1: | ||
/* 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) */ |
|||
} |
|||
Revision as of 15:50, 22 March 2025
/* 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) */
}