|
Tags: Blanking Manual revert |
| Line 1: |
Line 1: |
| /* Dark Mode for MediaWiki - Comprehensive Styling */
| |
|
| |
|
| /* Whole page background */
| |
| body {
| |
| background-color: #FFF; /* Black for the entire page */
| |
| color: #000; /* White text for general readability */
| |
| }
| |
|
| |
| /* Content area */
| |
| #content {
| |
| background-color: #000; /* Black for content and title */
| |
| color: #fff; /* White text */
| |
| }
| |
|
| |
| #bodyContent {
| |
| background-color: #1a1a1a; /* Slightly lighter black for content only */
| |
| color: #fff;
| |
| }
| |
|
| |
| /* Page title */
| |
| #firstHeading {
| |
| background-color: #000;
| |
| color: #fff;
| |
| }
| |
|
| |
| /* Category links */
| |
| #catlinks {
| |
| background-color: #1a1616; /* Dark background for category links */
| |
| color: #fff;
| |
| }
| |
|
| |
| /* Logo */
| |
| #p-logo {
| |
| background-color: #000; /* Black for logo area */
| |
| }
| |
|
| |
| /* Navigation menu */
| |
| #p-navigation {
| |
| background-color: #000; /* Black for navigation title */
| |
| color: #fff;
| |
| }
| |
| #p-navigation .pBody {
| |
| background-color: #1a1a1a; /* Dark background for navigation menu */
| |
| color: #fff;
| |
| }
| |
|
| |
| /* Search block */
| |
| #p-search {
| |
| background-color: #000; /* Black for search title */
| |
| color: #fff;
| |
| }
| |
| #p-search .pBody {
| |
| background-color: #1a1a1a; /* Dark background for search block */
| |
| color: #fff;
| |
| }
| |
|
| |
| /* Tools menu */
| |
| #p-tb {
| |
| background-color: #000; /* Black for tools title */
| |
| color: #fff;
| |
| }
| |
| #p-tb .pBody {
| |
| background-color: #1a1a1a; /* Dark background for tools menu */
| |
| color: #fff;
| |
| }
| |
|
| |
| /* Footer */
| |
| #footer {
| |
| background-color: #000 !important; /* Black for footer, ensuring override */
| |
| color: #fff;
| |
| border-top: 1px solid #ff0000; /* Bright red border for footer */
| |
| }
| |
|
| |
| /* Global wrapper - affects top, left, and bottom areas */
| |
| #globalWrapper {
| |
| background-color: #000; /* Black for overall layout structure */
| |
| }
| |
|
| |
| /* Column content - top and part of the left column */
| |
| #column-content {
| |
| background-color: #000;
| |
| }
| |
|
| |
| /* Left column */
| |
| #column-one {
| |
| background-color: #000; /* Black for left column titles */
| |
| }
| |
|
| |
| /* Links */
| |
| a {
| |
| color: #ff0000; /* Bright red for links */
| |
| }
| |
| a:hover {
| |
| color: #ff4500; /* Slightly orange red on hover */
| |
| }
| |
| a:visited {
| |
| color: #990000; /* Darker red for visited links */
| |
| }
| |
|
| |
| /* Input fields */
| |
| input, textarea, select {
| |
| background-color: #333; /* Dark background for inputs */
| |
| color: #fff;
| |
| border: 1px solid #ff0000;
| |
| }
| |
|
| |
| /* Buttons */
| |
| button {
| |
| background-color: #ff0000;
| |
| color: #fff;
| |
| border: none;
| |
| padding: 10px 20px;
| |
| cursor: pointer;
| |
| }
| |
|
| |
| /* High contrast mode toggle */
| |
| body.high-contrast {
| |
| background: #000;
| |
| color: #fff;
| |
| }
| |
| body.high-contrast a {
| |
| color: #ff0000; /* Bright red for high contrast */
| |
| }
| |
|
| |
| /* Media query for system preference dark mode */
| |
| @media (prefers-color-scheme: dark) {
| |
| body, #content, #bodyContent, #firstHeading, #catlinks, #p-logo,
| |
| #p-navigation, #p-navigation .pBody, #p-search, #p-search .pBody,
| |
| #p-tb, #p-tb .pBody, #footer, #globalWrapper, #column-content, #column-one {
| |
| background-color: #000;
| |
| color: #fff;
| |
| }
| |
| a {
| |
| color: #ff0000;
| |
| }
| |
| /* Add more specific styles if needed based on system preference */
| |
| }
| |
