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;
}
/* 1. CATEGORY BOX FIX (Bottom of page) */
#catlinks {
    background-color: #1a1f26 !important; /* Matches your CyberTerm box */
    border: 1px solid #3d444d !important;
    color: #ffffff !important;
    margin-top: 2em !important;
}

/* Category links text */
#catlinks li {
    border-left: 1px solid #3d444d !important;
}

#catlinks a {
    color: #ffcc00 !important; /* Yellow for categories to make them stand out */
}

/* 2. LANGUAGE MENU / BILINGUAL TOGGLE */
/* This targets the "English | Français" menu if it's in a portlet or custom div */
.mw-portlet-lang, #p-lang, .vector-language-sidebar-alert {
    background-color: #1a1f26 !important;
    border: 1px solid #3d444d !important;
    padding: 10px !important;
    color: #ffffff !important;
}

/* 3. THE "SURROUNDING" FRAME (The final white borders) */
/* This catches the last bits of the Vector 'paper' frame */
.mw-body, .vector-body, #content {
    border: none !important;
    box-shadow: none !important;
}

/* 4. FOOTER LINKS FIX */
#footer a {
    color: #58a6ff !important;
}