|
Tags: Blanking Manual revert |
| (13 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| /* Dark Mode for MediaWiki - Dark Red Text for Readability */
| |
|
| |
|
| /* Whole page background */
| |
| body {
| |
| background-color: #0a0a0a; /* Very dark gray instead of pure black for slightly better contrast */
| |
| color: #8b0000; /* Dark red text for contrast */
| |
| font-size: 16px; /* Slightly larger font size */
| |
| line-height: 1.7; /* Better line spacing */
| |
| }
| |
|
| |
| /* Content area */
| |
| #content, #bodyContent, #firstHeading {
| |
| background-color: #0a0a0a;
| |
| color: #8b0000;
| |
| }
| |
|
| |
| /* Category links */
| |
| #catlinks {
| |
| background-color: #1a1616;
| |
| color: #8b0000;
| |
| }
| |
|
| |
| /* Logo */
| |
| #p-logo {
| |
| background-color: #0a0a0a;
| |
| }
| |
|
| |
| /* Navigation menu */
| |
| #p-navigation, #p-navigation .pBody, #p-search, #p-search .pBody, #p-tb, #p-tb .pBody {
| |
| background-color: #121212; /* Dark gray for better contrast */
| |
| color: #8b0000;
| |
| }
| |
|
| |
| /* Footer */
| |
| #footer {
| |
| background-color: #0a0a0a !important;
| |
| color: #8b0000;
| |
| border-top: 1px solid #ff0000;
| |
| }
| |
|
| |
| /* Global wrapper - affects top, left, and bottom areas */
| |
| #globalWrapper, #column-content, #column-one {
| |
| background-color: #0a0a0a;
| |
| }
| |
|
| |
| /* Links */
| |
| a {
| |
| color: #ff0000; /* Bright red for links */
| |
| }
| |
| a:hover {
| |
| color: #ff4500; /* Slightly orange red on hover */
| |
| }
| |
| a:visited {
| |
| color: #cc0000; /* Darker red for visited links */
| |
| }
| |
|
| |
| /* Input fields */
| |
| input, textarea, select {
| |
| background-color: #2b2b2b; /* Darker gray for inputs */
| |
| color: #8b0000;
| |
| border: 1px solid #ff0000;
| |
| font-size: 16px; /* Match body text size */
| |
| }
| |
|
| |
| /* Buttons */
| |
| button {
| |
| background-color: #ff0000;
| |
| color: #fff; /* Changed to white for contrast against red background */
| |
| border: none;
| |
| padding: 10px 20px;
| |
| cursor: pointer;
| |
| font-size: 16px; /* Match body text size */
| |
| }
| |
|
| |
| /* High contrast mode toggle */
| |
| body.high-contrast {
| |
| background: #0a0a0a;
| |
| color: #8b0000;
| |
| }
| |
| 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: #0a0a0a;
| |
| color: #8b0000;
| |
| }
| |
| a {
| |
| color: #ff0000;
| |
| }
| |
| /* Add more specific styles if needed based on system preference */
| |
| }
| |
