|
|
| 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 */
| |
| /* ------------------------------ */
| |
|
| |
| .ns-0 #content ul,
| |
| .ns-0 #content ol {
| |
| list-style: none;
| |
| padding-left: 1.5em;
| |
| }
| |
|
| |
| .ns-0 #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;
| |
| }
| |
|
| |
| /* Fix top menu "More" checkbox label (carrot) color */
| |
| #p-cactions-label {
| |
| color: #e0e0e0 !important;
| |
| }
| |
|
| |
| #p-cactions-label::after {
| |
| color: #e0e0e0 !important; /* The downward carrot */
| |
| }
| |
|
| |
| /* ------------------------------ */ | | /* ------------------------------ */ |
| /* 5. Top Tabs (Read/Edit/History) */ | | /* Sidebar Background - Remove solid background to show top-gradient.png */ |
| /* ------------------------------ */ | | /* ------------------------------ */ |
|
| |
|
| #p-views ul li { | | #mw-panel, |
| background-color: #3a3a3a !important;
| | #mw-panel > div.portal, |
| border-color: #444 !important;
| | #mw-panel .vector-menu-content, |
| background-image: none !important;
| | #mw-panel .body { |
| }
| |
| #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 2022 Tabs */
| |
| .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; | | 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;
| |
| }
| |
|
| |
| /* 9.a TOC Bullet Fix */
| |
| #toc ul {
| |
| list-style-type: none !important;
| |
| padding-left: 1.5em !important;
| |
| }
| |
|
| |
| /* 9.b Remove custom bullets in TOC */
| |
| #toc li::before {
| |
| content: none !important;
| |
| display: none !important;
| |
| }
| |
|
| |
| /* 9.c TOC Background + Text Color Fix */
| |
| #toc {
| |
| background-color: #2a2a2a !important;
| |
| color: #e0e0e0 !important;
| |
| border: 1px solid #444 !important;
| |
| }
| |
|
| |
| #toc .toctitle {
| |
| background-color: transparent !important; /* Removed background shading */
| |
| color: #e0e0e0 !important;
| |
| border: none !important; | | border: none !important; |
| }
| |
|
| |
| /* 9.d TOC Heading Fix */
| |
| #mw-toc-heading {
| |
| background-color: transparent !important; /* Removed background shading */
| |
| color: #f0f0f0 !important;
| |
| padding: 0.25em 0.5em !important;
| |
| margin: 0 !important;
| |
| font-size: 1.2em !important;
| |
| }
| |
|
| |
| /* TOC Numbering Color Fix (normal and hover) */
| |
| #toc .tocnumber {
| |
| color: #7aa06e !important;
| |
| }
| |
| #toc li:hover .tocnumber {
| |
| color: #a3be8c !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 */ | | /* Body Background - Set top gradient image */ |
| /* ------------------------------ */ | | /* ------------------------------ */ |
|
| |
|
| #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: #e0e0e0 !important;
| |
| border: 1px solid #555 !important;
| |
| padding: 0.5em !important;
| |
| }
| |
|
| |
| /* ------------------------------ */
| |
| /* 15. OOUI Form Field Label Fix */
| |
| /* ------------------------------ */
| |
|
| |
| .oo-ui-labelElement-label {
| |
| color: #333 !important;
| |
| }
| |
|
| |
| /* ------------------------------ */
| |
| /* 16. Special Pages: Remove extra bullets from search profile tabs */
| |
| /* ------------------------------ */
| |
|
| |
| .mw-search-profile-tabs .search-types ul {
| |
| list-style: none !important;
| |
| margin: 0 !important;
| |
| padding: 0 !important;
| |
| }
| |
|
| |
| /* ------------------------------ */
| |
| /* 17. Confirm Account Tables Inverted Colors */
| |
| /* ------------------------------ */
| |
|
| |
| .mw-confirmaccount-body-0 {
| |
| background-color: #2a2a2a !important;
| |
| color: #e0e0e0 !important;
| |
| border: 1px solid #555 !important;
| |
| }
| |
|
| |
| .mw-confirmaccount-body-0 td {
| |
| background-color: #2a2a2a !important;
| |
| color: #e0e0e0 !important;
| |
| border: 1px solid #444 !important;
| |
| }
| |
|
| |
| .mw-confirmaccount-type-0::marker {
| |
| color: #7aa06e !important;
| |
| }
| |
|
| |
| /* ------------------------------ */
| |
| /* 18. Warning Message Blocks (Admin Edit Warnings) */
| |
| /* ------------------------------ */
| |
|
| |
| .cdx-message--warning.mw-warning-with-logexcerpt {
| |
| background-color: #a94442 !important; /* Darker red shade */
| |
| color: #f8f8f8 !important;
| |
| border: 1px solid #731f1f !important;
| |
| padding: 1em !important;
| |
| }
| |
|
| |
| .cdx-message--warning.mw-warning-with-logexcerpt .cdx-message__icon {
| |
| fill: #f8f8f8 !important;
| |
| }
| |
|
| |
| /* ------------------------------ */
| |
| /* 19. Page Heading #firstHeading adjustments */
| |
| /* ------------------------------ */
| |
|
| |
| /* Hide #firstHeading only on Main Page */
| |
| body.page-Main_Page #firstHeading {
| |
| display: none !important;
| |
| }
| |
|
| |
| /* Show #firstHeading with margin and padding adjustments on all other pages */
| |
| body:not(.page-Main_Page) #firstHeading {
| |
| display: block !important;
| |
| margin-top: 1.5em !important;
| |
| padding-top: 0 !important;
| |
| position: relative;
| |
| z-index: 10;
| |
| }
| |
|
| |
| /* Body padding to prevent header overlap */
| |
| body { | | body { |
| padding-top: 3.5em !important; | | background-image: url('images/top-gradient.png'); /* adjust path as needed */ |
| }
| | background-repeat: no-repeat; |
| | | background-position: top center; |
| /* ------------------------------ */ | | background-size: cover; |
| /* 20. Misc Adjustments */
| |
| /* ------------------------------ */
| |
| | |
| /* Additional fixes to #p-cactions carrot */
| |
| input.vector-menu-checkbox#p-cactions-checkbox {
| |
| color: #e0e0e0 !important;
| |
| } | | } |
|
| |
| /* Remove background shading for TOC title and heading */
| |
| .toctitle,
| |
| #mw-toc-heading {
| |
| background: none !important;
| |
| color: #f0f0f0 !important;
| |
| }
| |
|
| |
| /* Ensure TOC numbers visible on dark background */
| |
| .tocnumber {
| |
| color: #7aa06e !important;
| |
| }
| |
| .tocnumber:hover,
| |
| li:hover .tocnumber {
| |
| color: #a3be8c !important;
| |
| }
| |
|
| |
| /* Remove TOC bullets */
| |
| #toc li::before {
| |
| content: none !important;
| |
| display: none !important;
| |
| }
| |
|
| |
| /* Remove TOC shading inside content */
| |
| .toctitle {
| |
| background: none !important;
| |
| }
| |
|
| |
| /* ------------------------------ */
| |
| /* End of custom vector.css overrides */
| |
| /* ------------------------------ */
| |
