User:FakerofDeadlock/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 Background Color for Sidebar and Tools */
#mw-panel,
.vector-menu-content,
.vector-menu-portal,
.vector-menu-portal-body,
#p-logo {
    background-color: #a68955 !important; /* Darker brown color */
}

/* Fine-tuning for Sidebar */
.portal,
.vector-menu,
.vector-menu-content,
#p-tb,
#p-tb ul,
#p-navigation {
    background-color: #a68955 !important; /* Ensure consistent sidebar color */
}

/* Edit Button */
#ca-edit a,
#ca-edit a:visited {
    background-color: #a68955 !important; /* Darker brown for edit button */
    color: #fff !important; /* White text for visibility */
    border-color: #a68955 !important;
}

#ca-edit a:hover {
    background-color: #876A42 !important; /* Slightly darker brown on hover */
    border-color: #876A42 !important;
}

/* Category Section Background */
#catlinks,
#catlinks ul {
    background-color: #a68955 !important; /* Matching sidebar color */
    padding: 10px; /* Optional padding */
}

/* Content Area Background (if needed) */
#content,
#bodyContent,
.mw-body-content {
    background-color: #f1e4c6 !important; /* Tan color to match the rest of the page */
    color: #000 !important; /* Ensure text is readable */
}

/* Ensure Top Tabs (Main Page, Discussion, etc.) are Styled */
#p-cactions .vector-menu-content,
#p-cactions .vector-menu-heading,
#p-cactions .vector-menu-heading .vector-tab {
    background-color: #a68955 !important; /* Darker brown for tabs */
    color: #fff !important; /* White text */
}

#p-cactions .vector-tab a,
#p-cactions .vector-tab a:visited {
    color: #fff !important; /* White text on tabs */
}

/* Remove the White Background Issue in Certain Elements */
.skin-vector #p-cactions .vector-menu-content {
    background-color: #a68955 !important;
}

.vector-menu-tabs li {
    background-color: #a68955 !important;
    border-color: #a68955 !important;
}