MediaWiki:Common.css: Difference between revisions

From Sunfish City Wiki
(Created page with "→‎Dark Mode Theme for Sunfish City Wiki: →‎Page background: html, body { background-color: #121212 !important; } →‎Content area: .mw-body, .mw-page-container { background-color: #1e1e1e !important; color: #e0e0e0 !important; } →‎Headers: h1, h2, h3, h4, h5, h6, .mw-headline, .mw-page-title-main { color: #ffffff !important; border-bottom-color: #444 !important; } →‎Links: a, a:visited { color: #6db3f2 !important; } a:hover {...")
 
No edit summary
Line 1: Line 1:
/* Dark Mode Theme for Sunfish City Wiki */
/* Dark Mode Theme for Sunfish City Wiki - Vector 2022 */


/* Page background */
/* Main page background */
html, body {
html, body,
.mw-page-container,
.mw-page-container-inner {
     background-color: #121212 !important;
     background-color: #121212 !important;
}
}


/* Content area */
/* Header bar */
.mw-body, .mw-page-container {
.vector-header,
.vector-header-container,
.vector-feature-page-tools-enabled .vector-header {
    background-color: #1e1e1e !important;
    border-bottom: 1px solid #333 !important;
}
 
/* Main content area */
.mw-body,
.vector-body,
.mw-parser-output,
.content,
#content,
#bodyContent,
.vector-feature-page-tools-enabled .mw-body {
     background-color: #1e1e1e !important;
     background-color: #1e1e1e !important;
     color: #e0e0e0 !important;
     color: #e0e0e0 !important;
}
}


/* Headers */
/* Page title */
h1, h2, h3, h4, h5, h6,
.mw-page-title-main,
.mw-headline,
.mw-first-heading,
.mw-page-title-main {
h1, h2, h3, h4, h5, h6 {
     color: #ffffff !important;
     color: #ffffff !important;
}
/* Headings border */
h2 {
     border-bottom-color: #444 !important;
     border-bottom-color: #444 !important;
}
}


/* Links */
/* Left sidebar */
a, a:visited {
.vector-main-menu,
     color: #6db3f2 !important;
.vector-main-menu-container,
.vector-sidebar,
.mw-sidebar,
nav.vector-menu {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
}
 
/* Right sidebar (Tools) */
.vector-column-end,
.vector-page-tools,
.vector-page-tools-landmark {
    background-color: #1e1e1e !important;
     color: #e0e0e0 !important;
}
}


a:hover {
/* All menu text */
     color: #90caf9 !important;
.vector-menu-heading,
.vector-menu-content,
.vector-menu-content-list,
.vector-menu a,
.mw-portlet-body li a {
     color: #e0e0e0 !important;
}
}


/* Sidebar */
/* Tabs (Read, Edit, View history) */
.vector-menu-portal,  
.vector-tabs,
.mw-sidebar,
.vector-menu-tabs,
.vector-menu-content {
.mw-article-toolbar-container {
     background-color: #1e1e1e !important;
     background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
}
}


/* Navigation */
.vector-tab-noicon a,
.vector-menu-tabs,  
.mw-list-item a {
.vector-menu-tabs a {
    color: #6db3f2 !important;
}
 
/* Search box */
.vector-search-box input,
.cdx-text-input__input {
     background-color: #2d2d2d !important;
     background-color: #2d2d2d !important;
     color: #e0e0e0 !important;
     color: #e0e0e0 !important;
    border-color: #444 !important;
}
}


/* Search box */
/* Search button */
.vector-search-box-input {
.cdx-button,
.searchButton {
     background-color: #2d2d2d !important;
     background-color: #2d2d2d !important;
     color: #e0e0e0 !important;
     color: #e0e0e0 !important;
Line 51: Line 95:
}
}


/* Tables */
/* Links */
table, th, td {
a, a:visited,
.mw-parser-output a {
    color: #6db3f2 !important;
}
 
a:hover {
    color: #90caf9 !important;
}
 
/* Footer */
.vector-footer,
#footer,
.mw-footer {
    background-color: #1e1e1e !important;
    color: #888 !important;
    border-top: 1px solid #333 !important;
}
 
/* Dropdown menus */
.vector-menu-content,
.vector-dropdown-content {
    background-color: #2d2d2d !important;
     border-color: #444 !important;
     border-color: #444 !important;
}
}


th {
/* User menu dropdown */
.vector-user-menu-more,
.vector-menu-dropdown {
     background-color: #2d2d2d !important;
     background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
}
}


/* Infoboxes and content boxes */
/* Sticky header if enabled */
.infobox, .wikitable {
.vector-sticky-header {
    background-color: #1e1e1e !important;
}
 
/* Tables */
table, th, td,
.wikitable {
    border-color: #444 !important;
}
 
th, .wikitable th {
     background-color: #2d2d2d !important;
     background-color: #2d2d2d !important;
     color: #e0e0e0 !important;
     color: #e0e0e0 !important;
}
}


/* Footer */
.wikitable td {
#footer {
     background-color: #1e1e1e !important;
     background-color: #1e1e1e !important;
    color: #888 !important;
}
}


/* Category links */
/* Category box */
.catlinks {
.catlinks {
     background-color: #2d2d2d !important;
     background-color: #2d2d2d !important;
Line 79: Line 153:
}
}


/* Edit page textarea */
/* Edit area */
.mw-editfont-monospace,
textarea, .mw-editfont-monospace {
textarea {
     background-color: #2d2d2d !important;
     background-color: #2d2d2d !important;
     color: #e0e0e0 !important;
     color: #e0e0e0 !important;
    border-color: #444 !important;
}
}

Revision as of 19:43, 9 February 2026

/* Dark Mode Theme for Sunfish City Wiki - Vector 2022 */

/* Main page background */
html, body,
.mw-page-container,
.mw-page-container-inner {
    background-color: #121212 !important;
}

/* Header bar */
.vector-header,
.vector-header-container,
.vector-feature-page-tools-enabled .vector-header {
    background-color: #1e1e1e !important;
    border-bottom: 1px solid #333 !important;
}

/* Main content area */
.mw-body,
.vector-body,
.mw-parser-output,
.content,
#content,
#bodyContent,
.vector-feature-page-tools-enabled .mw-body {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
}

/* Page title */
.mw-page-title-main,
.mw-first-heading,
h1, h2, h3, h4, h5, h6 {
    color: #ffffff !important;
}

/* Headings border */
h2 {
    border-bottom-color: #444 !important;
}

/* Left sidebar */
.vector-main-menu,
.vector-main-menu-container,
.vector-sidebar,
.mw-sidebar,
nav.vector-menu {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
}

/* Right sidebar (Tools) */
.vector-column-end,
.vector-page-tools,
.vector-page-tools-landmark {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
}

/* All menu text */
.vector-menu-heading,
.vector-menu-content,
.vector-menu-content-list,
.vector-menu a,
.mw-portlet-body li a {
    color: #e0e0e0 !important;
}

/* Tabs (Read, Edit, View history) */
.vector-tabs,
.vector-menu-tabs,
.mw-article-toolbar-container {
    background-color: #1e1e1e !important;
}

.vector-tab-noicon a,
.mw-list-item a {
    color: #6db3f2 !important;
}

/* Search box */
.vector-search-box input,
.cdx-text-input__input {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

/* Search button */
.cdx-button,
.searchButton {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

/* Links */
a, a:visited,
.mw-parser-output a {
    color: #6db3f2 !important;
}

a:hover {
    color: #90caf9 !important;
}

/* Footer */
.vector-footer,
#footer,
.mw-footer {
    background-color: #1e1e1e !important;
    color: #888 !important;
    border-top: 1px solid #333 !important;
}

/* Dropdown menus */
.vector-menu-content,
.vector-dropdown-content {
    background-color: #2d2d2d !important;
    border-color: #444 !important;
}

/* User menu dropdown */
.vector-user-menu-more,
.vector-menu-dropdown {
    background-color: #2d2d2d !important;
}

/* Sticky header if enabled */
.vector-sticky-header {
    background-color: #1e1e1e !important;
}

/* Tables */
table, th, td,
.wikitable {
    border-color: #444 !important;
}

th, .wikitable th {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
}

.wikitable td {
    background-color: #1e1e1e !important;
}

/* Category box */
.catlinks {
    background-color: #2d2d2d !important;
    border-color: #444 !important;
}

/* Edit area */
textarea, .mw-editfont-monospace {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}