User:FakerofDeadlock/common.css

/* Global background and text color */
body, #content, #bodyContent, .mw-body, .mw-body-content, .mw-page-container {
    background-color: #f3e2c7 !important;  /* Lighter tan background */
    color: #3a2e2b !important;  /* Dark brown text */
}

/* Header, Sidebar, and Footer Background */
#p-logo, .mw-header, #mw-head, .vector-menu-tabs, #mw-panel, .vector-menu-content, .vector-menu, #footer, .mw-footer, .mw-footer *, #mw-footer, #footer {
    background-color: #d1bfa3 !important;  /* Darker tan background */
    color: #3a2e2b !important;  /* Dark brown text */
    border: none !important;
}

/* Ensure all parts of the sidebar are covered */
#mw-panel, .vector-menu-content, .vector-menu, #p-logo, .vector-sidebar, #mw-panel div {
    background-color: #d1bfa3 !important;  /* Ensures all parts of the sidebar are the darker tan */
    color: #3a2e2b !important;  /* Dark brown text */
}

/* Header links (including top buttons) */
#p-personal a, #p-navigation a, #p-search a, #p-search .vector-search-box-input, .vector-menu-content a, .vector-menu-content a:visited, #left-navigation a, #right-navigation a, #p-cactions .vector-menu-content a {
    background-color: #d1bfa3 !important;  /* Darker tan background */
    color: #3a2e2b !important;  /* Dark brown text */
    
}

/* Top "Read," "Edit," etc. buttons */
.vector-menu-tabs a, .vector-menu-tabs a:visited {
    background-color: #d1bfa3 !important;  /* Same darker tan background */
    color: #3a2e2b !important;  /* Dark brown text */
    border-color: #8b4513 !important;  /* Chocolate brown border */
}

.vector-menu-tabs a:hover, .vector-menu-tabs a:focus {
    background-color: #c2a679 !important;  /* Slightly darker on hover */
}

/* "More" button styling */
#p-cactions .vector-menu-dropdown {
    background-color: #d1bfa3 !important;  /* Darker tan background */
    color: #3a2e2b !important;  /* Dark brown text */
    border-color: #8b4513 !important;  /* Chocolate brown border */
}

/* Search bar and magnifying glass */
#simpleSearch, #searchButton, .vector-search-box-input, #searchButton, .vector-search-icon {
    background-color: #d1bfa3 !important; /* Darker tan background */
    color: #3a2e2b !important; /* Dark brown text */
}

/* Styling for links */
a, a:visited {
    color: #3a2e2b !important;  /* Dark brown text */
}

/* Change background color of the category section */
#catlinks {
    background-color: #d1bfa3 !important;  /* Darker tan background */
    color: #3a2e2b !important;  /* Dark brown text for consistency */
}