MediaWiki:Common.css: Difference between revisions
GlifterPad (talk | contribs) Created page with "body { background-color: #f4f4f9; } h1, h2, h3 { color: #0066cc; font-family: 'Segoe UI', sans-serif; } h1, h2, h3 { color: #0066cc; font-family: 'Segoe UI', sans-serif; }" |
GlifterPad (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
/* === Soft Dark Theme Adjustments === */ | |||
/* Set a dark background and light text */ | |||
body { | body { | ||
background-color: # | background-color: #1f1f2f; | ||
color: #e0e0e0; | |||
} | } | ||
color: # | /* Darker header bar */ | ||
#mw-page-base, #mw-head, #mw-panel, .mw-header { | |||
background-color: #2a2a3a !important; | |||
} | } | ||
color: # | /* Footer background */ | ||
#footer, .mw-footer { | |||
background-color: #2a2a3a; | |||
color: #ccc; | |||
} | |||
/* Link colors */ | |||
a { | |||
color: #80c8ff; | |||
} | |||
a:visited { | |||
color: #c29aff; | |||
} | |||
/* Make buttons visible */ | |||
button, input[type="submit"], .mw-ui-button { | |||
background-color: #444; | |||
color: #fff; | |||
border: 1px solid #666; | |||
} | |||
/* Sidebar (if enabled) */ | |||
#mw-panel { | |||
background-color: #222 !important; | |||
color: #ccc; | |||
} | |||
/* Ensure menu icons/labels stay readable */ | |||
.vector-menu-content, .vector-menu-heading { | |||
color: #ccc !important; | |||
} | } | ||
Revision as of 04:43, 14 August 2025
/* === Soft Dark Theme Adjustments === */
/* Set a dark background and light text */
body {
background-color: #1f1f2f;
color: #e0e0e0;
}
/* Darker header bar */
#mw-page-base, #mw-head, #mw-panel, .mw-header {
background-color: #2a2a3a !important;
}
/* Footer background */
#footer, .mw-footer {
background-color: #2a2a3a;
color: #ccc;
}
/* Link colors */
a {
color: #80c8ff;
}
a:visited {
color: #c29aff;
}
/* Make buttons visible */
button, input[type="submit"], .mw-ui-button {
background-color: #444;
color: #fff;
border: 1px solid #666;
}
/* Sidebar (if enabled) */
#mw-panel {
background-color: #222 !important;
color: #ccc;
}
/* Ensure menu icons/labels stay readable */
.vector-menu-content, .vector-menu-heading {
color: #ccc !important;
}