MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* 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;
}