MediaWiki:Common.css

Note: After saving, 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: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

/* CSS placed here will be applied to all skins */

/* ========================= */
/* BODY STYLES               */
/* ========================= */
body { 
    background: #202020; 
    color: #e6e6e6; /* Force text color */
}

/* ========================= */
/* CONTENT STYLES            */
/* ========================= */
#content { 
    background-color: #191919; 
    color: #e6e6e6 !important; /* Force text color */
}

/* Sets background color of the logo area  */
#p-logo { 
    background-color: #202020; 
}

/* ========================= */
/* NAVIGATION MENU STYLES    */
/* ========================= */
#p-navigation { 
    background-color: #202020; 
}

/* Change color for all links in the navigation menu */
#p-navigation a {
    color: #90b7f9 !important; /* Set the default link color */
}

/* Change hover color for all links in the navigation menu */
#p-navigation a:hover {
    color: #955bc2; /* Set the hover color for links */
}

/* ========================= */
/* TABLE OF CONTENTS STYLES  */
/* ========================= */
.mw-parser-output .toc {
    background-color: #343434; 
    border: 1px solid #444241; 
}

/* ========================= */
/* HEADING STYLES            */
/* ========================= */
h1, h2, h3 {
    color: #191919 !important; /* Force heading colors */
}

/* ========================= */
/* LINK STYLES               */
/* ========================= */
a {
    color: #90b7f9; /* Set the default link color */
}

a:hover {
    color: #955bc2; /* Set the hover color for links */
}

/* ========================= */
/* TOP BAR STYLES            */
/* ========================= */
#mw-head {
    background-color: #202020; 
}

#mw-head a {
    color: #191919; /* Force link color in top bar */
}

/* ========================= */
/* NOTABLE MEMBERS STYLES     */
/* ========================= */
.notable-members {
    background-color: #343434 !important; 
    color: #e6e6e6 !important; 
}

.notable-members th, .notable-members td {
    border: 2px solid #e6e6e6; 
    color: #e6e6e6 !important; /* Force cell text color */
}

/* ========================= */
/* TOOLS SECTION STYLES      */
/* ========================= */
#p-tb a {
    color: #90b7f9; /* Set the default link color */
}

#p-tb a:hover {
    color: #955bc2; /* Set the hover color for links */
}

/* ========================= */
/* GRADIENT MENU STYLES      */
/* ========================= */
/* Change background for the "Read," "Edit," and "View history" links */
.ca-menu {
    background: linear-gradient(to right, #252525, rgba(144, 183, 249, 0.5)); /* Fade effect */
}

/* Change text color for the links */
.ca-menu a {
    color: #90b7f9 !important; /* Set the text color */
}

/* ============================= */
/* Change color of visited links */
/* ============================= */
a:visited {
    color: #955bc2; /* Set the visited link color */
}

/* ========================================================================= */
/* THIS IS FOR THE "MAIN PAGE, VIEW, EDIT, READ" BARS ON THE TOP OF THE PAGE */
/* ========================================================================= */

.mw-ui-tabs {
    background-color: #191919; /* Change to your desired background color */
}

.mw-ui-tabs .mw-ui-tabs__tab {  /* Target the tabs specifically */
    color: #E6E6E6; /* Text color for unselected tabs */
}

.mw-ui-tabs .selected { /* For the selected tab */
    background-color: #181818; /* Background color for the selected tab */
    color: #E6E6E6; /* Text color for the selected tab */
}

.mw-ui-tabs a {
    color: #E6E6E6; /* Text color for unselected tabs */
}