|
|
Line 1: |
Line 1: |
| /* ========================================================= */
| |
| /* Vector 2022 Dark Mode - Custom Skin Overrides */
| |
| /* ========================================================= */
| |
|
| |
| /* ------------------------------ */
| |
| /* 1. Base Page & Backgrounds */
| |
| /* ------------------------------ */
| |
| body,
| |
| #mw-head-base,
| |
| #mw-page-base {
| |
| background-color: #1a1a1a !important;
| |
| color: #e0e0e0 !important;
| |
| }
| |
|
| |
| /* ------------------------------ */
| |
| /* 2. Links */
| |
| /* ------------------------------ */
| |
| a {
| |
| color: #7aa06e !important;
| |
| }
| |
| a:visited {
| |
| color: #cccccc !important;
| |
| }
| |
| a:hover {
| |
| color: #a3be8c !important;
| |
| }
| |
| a.new {
| |
| color: #ffff00 !important;
| |
| }
| |
|
| |
| /* ------------------------------ */
| |
| /* 3. Content Area */
| |
| /* ------------------------------ */
| |
| #content,
| |
| .vector-body {
| |
| background-color: #2a2a2a !important;
| |
| color: #e0e0e0 !important;
| |
| border-color: #444 !important;
| |
| }
| |
|
| |
| #content h1, #content h2, #content h3,
| |
| #content h4, #content h5, #content h6 {
| |
| color: #f0f0f0 !important;
| |
| }
| |
|
| |
| #content p, #content ul, #content ol,
| |
| #content li, #content dl, #content dd,
| |
| #content dt, #content div {
| |
| color: #e0e0e0 !important;
| |
| }
| |
|
| |
| #content a, .vector-body a {
| |
| color: #7aa06e !important;
| |
| }
| |
| #content a:visited {
| |
| color: #cccccc !important;
| |
| }
| |
| #content a:hover {
| |
| color: #a3be8c !important;
| |
| }
| |
|
| |
| /* ------------------------------ */
| |
| /* 3.a Custom bullets inside article content only */
| |
| /* ------------------------------ */
| |
| #content ul, #content ol {
| |
| list-style: none;
| |
| padding-left: 1.5em;
| |
| }
| |
|
| |
| #content ul li::before {
| |
| content: "•";
| |
| color: #7aa06e;
| |
| display: inline-block;
| |
| width: 1em;
| |
| margin-left: -1em;
| |
| }
| |
|
| |
| /* ------------------------------ */
| |
| /* 4. Sidebar & Navigation Panel */
| |
| /* ------------------------------ */
| |
| #mw-panel {
| |
| background-color: #1a1a1a !important;
| |
| color: #e0e0e0 !important;
| |
| border-color: #444 !important;
| |
| }
| |
|
| |
| #mw-panel ul,
| |
| #mw-panel ol {
| |
| list-style: none !important;
| |
| padding-left: 0 !important;
| |
| margin-left: 0 !important;
| |
| }
| |
|
| |
| #mw-panel div.portal {
| |
| background-color: #1a1a1a !important;
| |
| border-color: #444 !important;
| |
| }
| |
| #mw-panel div.portal h3 {
| |
| color: #f0f0f0 !important;
| |
| border-color: #444 !important;
| |
| }
| |
| #mw-panel div.body ul li a {
| |
| color: #7aa06e !important;
| |
| }
| |
| #mw-panel div.body ul li a:visited {
| |
| color: #cccccc !important;
| |
| }
| |
| #mw-panel div.body ul li a:hover {
| |
| color: #a3be8c !important;
| |
| background-color: #3a3a3a !important;
| |
| }
| |
| #mw-panel div.body ul li {
| |
| color: #e0e0e0 !important;
| |
| }
| |
| #mw-panel li.mw-list-item a {
| |
| color: #7aa06e !important;
| |
| }
| |
| #mw-panel li.mw-list-item a:visited {
| |
| color: #cccccc !important;
| |
| }
| |
| #mw-list-item a:hover {
| |
| color: #a3be8c !important;
| |
| background-color: #3a3a3a !important;
| |
| }
| |
| #mw-panel li.mw-list-item {
| |
| background-color: transparent !important;
| |
| color: #e0e0e0 !important;
| |
| }
| |
|
| |
| /* ------------------------------ */
| |
| /* 4.b Top-right user/login menu dropdown with spacing restored */
| |
| /* ------------------------------ */
| |
| #pt-userpage, #pt-anonuserpage,
| |
| #pt-login, #pt-logout, #pt-createaccount,
| |
| #pt-anontalk, #pt-mytalk, #pt-preferences,
| |
| #pt-watchlist, #pt-mycontris, #pt-globalwatchlist,
| |
| #pt-myalerts, #pt-messages {
| |
| list-style: none !important;
| |
| padding: 0.25em 0.5em !important;
| |
| margin: 0.1em 0 !important;
| |
| display: inline-block !important;
| |
| }
| |
|
| |
| /* ------------------------------ */
| |
| /* 5. Top Tabs (Read/Edit/History) */
| |
| /* ------------------------------ */
| |
| #p-views ul li {
| |
| background-color: #3a3a3a !important;
| |
| border-color: #444 !important;
| |
| background-image: none !important;
| |
| }
| |
| #p-views ul li a {
| |
| color: #e0e0e0 !important;
| |
| background-image: none !important;
| |
| }
| |
| #p-views ul li.selected {
| |
| background-color: #2a2a2a !important;
| |
| border-color: #444 !important;
| |
| }
| |
| #p-views ul li.selected a {
| |
| color: #f0f0f0 !important;
| |
| }
| |
| #p-views ul li:not(.selected):hover {
| |
| background-color: #4a4a4a !important;
| |
| }
| |
| #p-views ul li:not(.selected):hover a {
| |
| color: #ffffff !important;
| |
| }
| |
| .vector-menu-tabs,
| |
| .vector-menu-tabs a,
| |
| #mw-head .vector-menu-dropdown .vector-menu-heading {
| |
| background-image: none !important;
| |
| background-color: #3a3a3a !important;
| |
| color: #e0e0e0 !important;
| |
| }
| |
|
| |
| /* ------------------------------ */
| |
| /* 6. Header & Logo */
| |
| /* ------------------------------ */
| |
| #mw-head {
| |
| background-color: #1a1a1a !important;
| |
| border-bottom-color: #444 !important;
| |
| }
| |
| #mw-wiki-logo {
| |
| background-color: transparent !important;
| |
| }
| |
|
| |
| /* ------------------------------ */
| |
| /* 7. Footer */
| |
| /* ------------------------------ */
| |
| #footer {
| |
| background-color: #1a1a1a !important;
| |
| color: #e0e0e0 !important;
| |
| }
| |
| #footer a {
| |
| color: #7aa06e !important;
| |
| }
| |
| #footer a:visited {
| |
| color: #cccccc !important;
| |
| }
| |
| #footer a:hover {
| |
| color: #a3be8c !important;
| |
| }
| |
| #footer li {
| |
| color: #e0e0e0 !important;
| |
| }
| |
|
| |
| /* ------------------------------ */
| |
| /* 8. Search Input */
| |
| /* ------------------------------ */
| |
| #searchInput {
| |
| background-color: #ffffff !important;
| |
| color: #333333 !important;
| |
| }
| |
| #searchInput::placeholder,
| |
| #searchInput::-webkit-input-placeholder,
| |
| #searchInput::-moz-placeholder,
| |
| #searchInput:-ms-input-placeholder,
| |
| #searchInput::-ms-input-placeholder {
| |
| color: #666666 !important;
| |
| opacity: 1 !important;
| |
| }
| |
|
| |
| /* ------------------------------ */
| |
| /* 9. Table of Contents (TOC) */
| |
| /* ------------------------------ */
| |
| .mw-toc-heading {
| |
| background-color: #3a3a3a !important;
| |
| color: #f0f0f0 !important;
| |
| }
| |
|
| |
| /* ------------------------------ */
| |
| /* 10. Changes List & Legends */
| |
| /* ------------------------------ */
| |
| .mw-changeslist,
| |
| .mw-changeslist-legend {
| |
| background-color: #2a2a2a !important;
| |
| color: #e0e0e0 !important;
| |
| border-color: #444 !important;
| |
| }
| |
| .mw-changeslist-legend .mw-legend {
| |
| color: #e0e0e0 !important;
| |
| }
| |
|
| |
| /* ------------------------------ */
| |
| /* 11. Editing Interface */
| |
| /* ------------------------------ */
| |
| #editform,
| |
| #wpTextbox1 {
| |
| background-color: #2a2a2a !important;
| |
| color: #e0e0e0 !important;
| |
| border: 1px solid #555 !important;
| |
| }
| |
| .divEditOptions,
| |
| .editOptions {
| |
| background-color: #1a1a1a !important;
| |
| color: #e0e0e0 !important;
| |
| border-color: #444 !important;
| |
| }
| |
| .divEditOptions input,
| |
| .divEditOptions textarea,
| |
| .divEditOptions select {
| |
| background-color: #2a2a2a !important;
| |
| color: #e0e0e0 !important;
| |
| border: 1px solid #555 !important;
| |
| }
| |
|
| |
| /* ------------------------------ */
| |
| /* 12. Custom Blocks (Optional) */
| |
| /* ------------------------------ */
| |
| .qme-column {
| |
| background-color: #2a2a2a !important;
| |
| color: #e0e0e0 !important;
| |
| border: 1px solid #83FCDB !important;
| |
| padding: 1em;
| |
| }
| |
| .qme-heading {
| |
| background-color: #3a3a3a !important;
| |
| color: #f0f0f0 !important;
| |
| border: 1px solid #444 !important;
| |
| }
| |
|
| |
| /* ------------------------------ */
| |
| /* 13. MediaWiki Image Caption Fix */
| |
| /* ------------------------------ */
| |
| .thumbcaption {
| |
| color: #000 !important;
| |
| }
| |
|
| |
| /* ------------------------------ */
| |
| /* 14. Code Blocks (pre, code, .mw-code) */
| |
| /* ------------------------------ */
| |
| pre,
| |
| code,
| |
| tt,
| |
| kbd,
| |
| samp,
| |
| .mw-code {
| |
| background-color: #1e1e1e !important;
| |
| color: #dcdcdc !important;
| |
| border: 1px solid #3c3c3c !important;
| |
| font-family: "Courier New", monospace;
| |
| padding: 0.5em;
| |
| }
| |
|
| |
| /* ------------------------------ */
| |
| /* 15. Bullets in mw-search-profile-tabs */
| |
| /* ------------------------------ */
| |
| .mw-search-profile-tabs .search-types ul {
| |
| list-style: none !important;
| |
| padding-left: 0 !important;
| |
| }
| |
|
| |
| .mw-search-profile-tabs .search-types ul li::before {
| |
| content: none !important;
| |
| }
| |
|
| |
| /* ------------------------------ */
| |
| /* 16. Namespace Checkboxes (Base Styling) */
| |
| /* ------------------------------ */
| |
| .checkbox-container label {
| |
| color: #e0e0e0 !important;
| |
| }
| |
|
| |
| /* ------------------------------ */
| |
| /* 17. OOUI Widget Text Inputs */
| |
| /* ------------------------------ */
| |
| .oo-ui-inputWidget-input {
| |
| background-color: #ffffff !important;
| |
| color: #1a1a1a !important;
| |
| border: 1px solid #555 !important;
| |
| }
| |
| /* ------------------------------ */ | | /* ------------------------------ */ |
| /* 18. Special:Search Adjustments */ | | /* 18. Special:Search Adjustments */ |