MediaWiki:Common.css
From Noe's Woes
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 Global Styles */
/* General Body Styles */
body {
background-color: #121212; /* Very dark background */
color: #e0e0e0; /* Light gray text */
}
/* Links - Brighter Blue */
a {
color: #56b1f7; /* Brighter blue for links */
}
a:visited {
color: #8c8c8c; /* Slightly dimmer color for visited links */
}
a:hover {
color: #85c1f7; /* Even lighter blue when hovering over links */
}
/* Navigation Bar (Top Menu) */
#p-navigation {
background-color: #1f1f1f; /* Dark background for the navigation bar */
color: #e0e0e0; /* Light text in the navigation */
}
/* Sidebar */
#p-sidebar {
background-color: #1f1f1f; /* Same dark background for sidebar */
color: #e0e0e0; /* Light text in the sidebar */
}
/* Footer */
#footer {
background-color: #1f1f1f; /* Dark background for footer */
color: #e0e0e0; /* Light text in the footer */
}
/* Content Section */
#content {
background-color: #181818; /* Dark background for content */
color: #e0e0e0; /* Light text color */
}
/* Article Links */
#content a {
color: #56b1f7; /* Brighter blue links in content */
}
#content a:hover {
color: #85c1f7; /* Lighter blue hover effect for links */
}
/* Tables */
table {
background-color: #202020; /* Dark background for tables */
color: #e0e0e0; /* Light text in table rows */
}
table th,
table