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.

/* 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 and Sidebar Background */
#p-logo, .mw-header, #mw-head, .vector-menu-tabs, #mw-panel, .vector-menu-content, .vector-menu {
    background-color: #d1bfa3 !important;  /* Darker tan background */
    color: #3a2e2b !important;  /* Dark brown text */
    border: none !important;
}

/* Sidebar fixes */
#mw-panel, .vector-menu-content {
    background-color: #d1bfa3 !important;  /* Ensures all parts of the sidebar are the darker tan */
}

/* 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 */
    border-color: #8b4513 !important;  /* Chocolate brown border */
}

/* 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: #3a2e2b !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 */
}

/* Fix for remaining side panel */
#mw-panel, .vector-menu-content, .vector-menu {
    background-color: #d1bfa3 !important;  /* Darker tan background */
    color: #3a2e2b !important;  /* Dark brown text */
    border: none !important; /* Remove any unintended borders */
}

/* Fix for any borders or slivers */
#mw-head, #mw-panel, .vector-menu-tabs, .vector-menu-content, #p-personal, #p-cactions, #left-navigation, #right-navigation, #footer {
    border: none !important; /* Removes any borders that create color differences */
    background-color: #d1bfa3 !important; /* Uniform darker tan background */
}

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