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)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* 1. CODEX SEARCH & BUTTON FIXES */
/* This targets the modern search button and input field */
.cdx-button, 
.cdx-search-input__button,
.vector-search-box-inner .cdx-button {
    background-color: #1a1f26 !important;
    color: #ffcc00 !important;
    border: 1px solid #3d444d !important;
    text-shadow: none !important;
}

/* Search input text area */
.cdx-text-input__input {
    background-color: #0d1117 !important;
    color: #ffffff !important;
    border: 1px solid #3d444d !important;
}

/* 2. THE MAIN "SHELL" CONTAINERS */
html, body, 
.mw-page-container, 
.mw-header, 
.vector-header-container,
.mw-footer-container {
    background-color: #0b0e14 !important;
    color: #ffffff !important;
}

/* 3. CENTER CONTENT BOX */
.mw-body {
    background-color: #0b0e14 !important;
    border: 1px solid #1a1f26 !important;
}

/* 4. SIDEBAR (MAIN MENU) */
.vector-main-menu {
    background-color: #0b0e14 !important;
}

/* Sidebar Headings */
.vector-group-title, .vector-menu-heading {
    color: #ffcc00 !important;
}

/* 5. TABS (Read, Edit, View History) */
.vector-menu-tabs .mw-list-item a {
    background-color: #1a1f26 !important;
    color: #58a6ff !important;
    border: 1px solid #3d444d !important;
    margin-right: 2px;
}

.vector-menu-tabs .selected a {
    background-color: #0b0e14 !important;
    color: #ffcc00 !important;
}

/* 6. LINKS & BREADCRUMBS */
a { color: #58a6ff !important; }
a:visited { color: #a371f7 !important; }
.mw-indicators { filter: invert(1); } /* Flips icons to white if they are dark */

/* 7. DEFINITION BOX (CyberTerm) */
.cyber-term-box {
    background-color: #1a1f26;
    border: 1px solid #3d444d;
    border-left: 6px solid #ffcc00;
    padding: 25px;
    margin: 20px 0;
    border-radius: 4px;
}