MediaWiki:Vector.css

/* All CSS here will be loaded for users of the Vector skin */

/* Base styles: Dark background for the overall page, head base, and page base */
body,
#mw-head-base,
#mw-page-base {
    background-color: #1a1a1a; /* Very dark gray, almost black */
    color: #e0e0e0;            /* Light gray for default text */
}

/* Main content area styling */
#content {
    background-color: #2a2a2a; /* A slightly lighter dark gray for contrast with body */
    color: #e0e0e0;            /* Light gray for text within the content area */
    border-color: #444;        /* Darker border if there's one around the content */
}

/* Headings within content */
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
    color: #f0f0f0; /* Slightly lighter headings */
}
/* Style for the Table of Contents heading */
.mw-toc-heading {
    color: #f0f0f0; /* Set a light color for the heading text */
    background-color: #3a3a3a; /* Set a dark background color for the heading */
    /* You might also want to adjust padding or borders if they look off */
    /* padding: 0.5em 1em; */
    /* border: 1px solid #555; */
}
/* Ensure links are visible and styled as requested on dark background */
/* General link styles (might be overridden by more specific rules) */
a {
    color: #7aa06e; /* Dull aqua green for unvisited links */
}
a:visited {
    color: #cccccc; /* Light grey for visited links */
}
a:hover {
    color: #a3be8c; /* A light green for hover */
}

/* *** NEW: More specific link styles for links inside the main content area *** */
#content a {
    color: #7aa06e; /* Dull aqua green for unvisited links within content */
}
#content a:visited {
    color: #cccccc; /* Light grey for visited links within content */
}
#content a:hover {
    color: #a3be8c; /* Light green on hover for links within content */
}
/* Style for general text in the footer */
#footer {
    background-color: #1a1a1a; /* Match your body background for consistency */
    color: #e0e0e0;            /* Light gray for general text in the footer */
}

/* You may also need to target specific elements within the footer,
   like links or list items, if they don't change */
#footer a {
    color: #7aa06e; /* Dull aqua green for unvisited links in footer */
}
#footer a:visited {
    color: #cccccc; /* Light grey for visited links in footer */
}
#footer a:hover {
    color: #a3be8c; /* Light green on hover in footer */
}

/* If the footer has specific list items (e.g., li), you might need to target them too */
#footer li {
    color: #e0e0e0;
}
/* If the above still doesn't work for certain links, use developer tools
   to find their exact selector and add another, even more specific rule. */