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.

/* General Page Background and Text */
body {
    background-color: #111111; /* Sets the background color for the entire page */
    color: #AFACA8; /* Sets the default text color */
}

/* Links Styling */
a {
    color: #89c5b7; /* Sets link color */
}

a:visited {
    color: #6b7e7e; /* Sets visited link color */
}

/* Headers */
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
    color: #AFACA8; /* Header text color */
}

/* Sidebar */
#mw-panel {
    background-color: #111111; /* Sidebar background */
    color: #AFACA8; /* Sidebar text */
}

#mw-panel a {
    color: #89c5b7;
}

#mw-panel a:visited {
    color: #6b7e7e;
}

/* Action Containers (Top Bar: Discussion, Edit, View History, etc.) */
#p-views, #p-cactions, #p-personal, #ca-edit, #ca-view, #ca-history {
    background-color: #111111; /* Background of action bar */
    color: #AFACA8; /* Text color */
}

/* Links in the Action Containers */
#p-views a, #p-cactions a, #p-personal a, #ca-edit a, #ca-view a, #ca-history a {
    color: #89c5b7;
}

#p-views a:visited, #p-cactions a:visited, #p-personal a:visited, 
#ca-edit a:visited, #ca-view a:visited, #ca-history a:visited {
    color: #6b7e7e;
}

/* Pinned Menus */
.vector-pinnable-header {
    background-color: #111111; /* Pinned menu background */
    color: #AFACA8; /* Pinned menu text color */
}

/* Header (Top of Page) */
#mw-head, #p-personal, #p-views, #p-cactions, .vector-menu-tabs li {
    background-color: #111111; /* Header and action tabs background */
    color: #AFACA8; /* Header and action tabs text color */
}

/* Tabs in the top action bar */
.vector-menu-tabs a, .vector-menu-tabs a:visited {
    background-color: #111111; /* Action tab background */
    color: #AFACA8; /* Action tab text color */
}

.vector-menu-tabs a:hover {
    background-color: #333333; /* On hover, for better visibility */
    color: #AFACA8;
}

/* Containers */
#content, .mw-body, .vector-content, .mw-content-ltr {
    background-color: #111111; /* Background color for main content area */
    color: #AFACA8; /* Text color for main content area */
}

/* Text Input Areas (Editing Page) */
textarea, input[type="text"], input[type="password"], select {
    background-color: #111111; /* Input field background */
    color: #AFACA8; /* Input field text color */
    border: 1px solid #AFACA8; /* Input field border */
}

/* Search Box */
#searchInput {
    background-color: #111111; /* Search box background */
    color: #AFACA8; /* Search box text color */
    border: 1px solid #AFACA8; /* Border color for search box */
}

/* Footer */
#footer {
    background-color: #111111; /* Footer background */
    color: #AFACA8; /* Footer text color */
}

/* Logo Styling (Optional, responsive) */
#p-logo a img {
    max-width: 100%;
    height: auto;
    width: auto;
}

/* Tables */
.wikitable {
    background-color: #111111; /* Table background */
    color: #AFACA8; /* Table text */
    border: 1px solid #AFACA8; /* Table border */
}

/* Button Styling */
input[type="submit"], input[type="button"], button {
    background-color: #111111;
    color: #AFACA8;
    border: 1px solid #AFACA8;
}

/* Message Boxes (Optional) */
.mw-message-box {
    background-color: #111111;
    color: #AFACA8;
}



/* General Border Color */
* {
    border-color: #6b7e7e !important; /* Sets border color for all elements */
}

/* Specific Border Elements */
.mw-body, .mw-head, .vector-menu-tabs, .mw-ui-button, input[type="submit"], input[type="button"], button {
    border: 1px solid #6b7e7e !important; /* Applies the new border color */
}

/* Message Box Borders (if applicable) */
.mw-message-box {
    border: 1px solid #6b7e7e !important; /* Message box border */
}

/* Tables Border */
.wikitable {
    border: 1px solid #6b7e7e !important; /* Table border */
}

/* Input Field Borders */
textarea, input[type="text"], input[type="password"], select {
    border: 1px solid #6b7e7e !important; /* Input field border */
}