|
Tags: Blanking Manual revert |
| (19 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| /* Dark Mode for MediaWiki */
| |
|
| |
|
| /* Base styles */
| |
| body {
| |
| background-color: #000; /* Black background */
| |
| color: #fff; /* White text */
| |
| }
| |
|
| |
| /* Headers */
| |
| h1, h2, h3, h4, h5, h6 {
| |
| color: #fff;
| |
| }
| |
|
| |
| /* Links */
| |
| a {
| |
| color: #761626; /* Maroon for links */
| |
| }
| |
| a:hover {
| |
| color: #ff0000; /* Bright red on hover for better visibility */
| |
| }
| |
| a:visited {
| |
| color: #99334d; /* A different shade for visited links */
| |
| }
| |
|
| |
| /* Navigation */
| |
| #mw-head, #mw-panel {
| |
| background-color: #1a1a1a; /* Darker gray for navigation */
| |
| color: #fff;
| |
| }
| |
|
| |
| /* Content area */
| |
| #content {
| |
| background-color: #000;
| |
| border: 1px solid #761626; /* Maroon border */
| |
| }
| |
|
| |
| /* Sidebar */
| |
| #mw-panel {
| |
| border-right: 1px solid #761626; /* Maroon border */
| |
| }
| |
|
| |
| /* Tables */
| |
| table {
| |
| background-color: #1a1a1a; /* Darker gray for tables */
| |
| color: #fff;
| |
| border: 1px solid #761626;
| |
| }
| |
| th, td {
| |
| border: 1px solid #761626;
| |
| }
| |
|
| |
| /* Input fields */
| |
| input, textarea, select {
| |
| background-color: #333; /* Dark background for inputs */
| |
| color: #fff;
| |
| border: 1px solid #761626;
| |
| }
| |
|
| |
| /* Buttons */
| |
| button {
| |
| background-color: #761626;
| |
| color: #fff;
| |
| border: none;
| |
| padding: 10px 20px;
| |
| cursor: pointer;
| |
| }
| |
|
| |
| /* Footer */
| |
| #footer {
| |
| background-color: #1a1a1a;
| |
| color: #fff;
| |
| }
| |
|
| |
| /* Custom adjustments for readability */
| |
| .mw-body-content p {
| |
| color: #fff;
| |
| }
| |
|
| |
| /* Focus styles for accessibility */
| |
| :focus {
| |
| outline: 3px solid #761626; /* Visible focus for keyboard navigation */
| |
| }
| |
|
| |
| /* 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 {
| |
| background-color: #000;
| |
| color: #fff;
| |
| }
| |
| a {
| |
| color: #761626;
| |
| }
| |
| /* Add more specific styles if needed based on system preference */
| |
| }
| |
