MediaWiki:Common.css: Difference between revisions
(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 */ | ||
/* | /* Main page background */ | ||
html, body { | html, body, | ||
.mw-page-container, | |||
.mw-page-container-inner { | |||
background-color: #121212 !important; | background-color: #121212 !important; | ||
} | } | ||
/* | /* Header bar */ | ||
.mw-body, .mw-page- | .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; | ||
} | } | ||
/* | /* Page title */ | ||
h1, h2, h3, h4, h5, h6 | .mw-page-title-main, | ||
.mw-first-heading, | |||
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; | ||
} | } | ||
/* | /* Left sidebar */ | ||
.vector-main-menu, | |||
color: # | .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 | /* All menu text */ | ||
color: # | .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-menu- | .vector-tabs, | ||
.mw- | .vector-menu-tabs, | ||
.mw-article-toolbar-container { | |||
background-color: #1e1e1e !important; | background-color: #1e1e1e !important; | ||
} | } | ||
/* | .vector-tab-noicon a, | ||
.vector- | .mw-list-item 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 | /* Search button */ | ||
. | .cdx-button, | ||
.searchButton { | |||
background-color: #2d2d2d !important; | background-color: #2d2d2d !important; | ||
color: #e0e0e0 !important; | color: #e0e0e0 !important; | ||
| Line 51: | Line 95: | ||
} | } | ||
/* | /* 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; | border-color: #444 !important; | ||
} | } | ||
/* User menu dropdown */ | |||
.vector-user-menu-more, | |||
.vector-menu-dropdown { | |||
background-color: #2d2d2d !important; | 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; | background-color: #2d2d2d !important; | ||
color: #e0e0e0 !important; | color: #e0e0e0 !important; | ||
} | } | ||
.wikitable td { | |||
background-color: #1e1e1e !important; | background-color: #1e1e1e !important; | ||
} | } | ||
/* Category | /* Category box */ | ||
.catlinks { | .catlinks { | ||
background-color: #2d2d2d !important; | background-color: #2d2d2d !important; | ||
| Line 79: | Line 153: | ||
} | } | ||
/* Edit | /* Edit area */ | ||
.mw-editfont-monospace | textarea, .mw-editfont-monospace { | ||
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;
}