MediaWiki:Common.css: Difference between revisions

/* =============================================
   Dark theme — applied in BOTH light and dark modes
   ============================================= */

/* --- Light mode (default) --- */
body {
    background: #1a1d0a;
    color: white;
    font-family: Calibri, sans-serif;
}

.mw-body,
#content,
.mw-page-container {
    background: #1a1d0a;
    color: white;
}

.infobox {
    border: 2px solid #9ccc65;
    background: #2d3315;
    font-size: 90%;
    line-height: 1.4em;
    width: 300px;
    float: right;
    clear: right;
    margin: 0 0 1em 1em;
}

.infobox th {
    background: #4a5a1f;
    color: #f0f4c3;
    padding: 0.5em;
}

.infobox td {
    background: #2d3315;
    color: #d4e157;
    padding: 0.5em;
}

h2, h3, h4, h5 {
    color: #cddc39;
    border-bottom: 2px solid #9ccc65;
}

button {
    background: #8bc34a;
    color: #1a1d0a;
    border: none;
    padding: 0.5em 1em;
    cursor: pointer;
}

button:hover {
    background: #1a1d0a;
    color: #cddc39;
}

a {
    color: #aed581;
}

a:hover {
    color: #f0f4c3;
}

.container {
    background: #15170a;
    padding: 1em;
    border: 1px solid #9ccc65;
    border-radius: 5px;
}

/* Hide the Discussion (Talk) tab */
#ca-talk {
    display: none;
}

/* --- Dark mode (explicit preference) — same styles --- */
html.skin-theme-clientpref-dark body {
    background: #1a1d0a;
    color: white;
    font-family: Calibri, sans-serif;
}

html.skin-theme-clientpref-dark .mw-body,
html.skin-theme-clientpref-dark #content,
html.skin-theme-clientpref-dark .mw-page-container {
    background: #1a1d0a;
    color: white;
}

html.skin-theme-clientpref-dark .infobox {
    border: 2px solid #9ccc65;
    background: #2d3315;
    font-size: 90%;
    line-height: 1.4em;
    width: 300px;
    float: right;
    clear: right;
    margin: 0 0 1em 1em;
}

html.skin-theme-clientpref-dark .infobox th {
    background: #4a5a1f;
    color: #f0f4c3;
    padding: 0.5em;
}

html.skin-theme-clientpref-dark .infobox td {
    background: #2d3315;
    color: #d4e157;
    padding: 0.5em;
}

html.skin-theme-clientpref-dark h2,
html.skin-theme-clientpref-dark h3,
html.skin-theme-clientpref-dark h4,
html.skin-theme-clientpref-dark h5 {
    color: #cddc39;
    border-bottom: 2px solid #9ccc65;
}

html.skin-theme-clientpref-dark button {
    background: #8bc34a;
    color: #1a1d0a;
    border: none;
    padding: 0.5em 1em;
    cursor: pointer;
}

html.skin-theme-clientpref-dark button:hover {
    background: #1a1d0a;
    color: #cddc39;
}

html.skin-theme-clientpref-dark a {
    color: #aed581;
}

html.skin-theme-clientpref-dark a:hover {
    color: #f0f4c3;
}

html.skin-theme-clientpref-dark .container {
    background: #15170a;
    padding: 1em;
    border: 1px solid #9ccc65;
    border-radius: 5px;
}

html.skin-theme-clientpref-dark #ca-talk {
    display: none;
}