Template:Political corruption sidebar/styles.css

/* {{pp-template}} */

/* ==========================================================================
   1. Universal Settings (Applies to both light and dark modes)
   ========================================================================== */
.political-corruption-sidebar .sidebar-heading,
.political-corruption-sidebar-c3 .sidebar-heading {
    font-size: 105%; /* Font size remains stable across both modes */
}


/* ==========================================================================
   2.1 Light Mode Rules (Scenario: Operating System in Light Mode)
   ========================================================================== */
@media screen and (prefers-color-scheme: light) {

    /* Applies light background/text only if Wikipedia is NOT forced into Dark Mode */
    html:not(.skin-theme-clientpref-night) .political-corruption-sidebar .sidebar-heading {
        background-color: #ccccdd !important;
        color: #000000 !important;
    }

    /* Resets background and color for c3 variant in light mode */
    html:not(.skin-theme-clientpref-night) .political-corruption-sidebar-c3 .sidebar-heading {
        background-color: transparent !important;
        color: inherit !important;
    }
}


/* ==========================================================================
   2.2 Light Mode Rules (Scenario: Operating System in Dark Mode)
   ========================================================================== */
@media screen and (prefers-color-scheme: dark) {

    /* Applies light background/text if user manually selected Light Mode on Wikipedia,
       or if the site preference is NOT set to "os" and NOT set to "night" */
    html.skin-theme-clientpref-light .political-corruption-sidebar .sidebar-heading,
    html:not(.skin-theme-clientpref-os):not(.skin-theme-clientpref-night) .political-corruption-sidebar .sidebar-heading {
        background-color: #ccccdd !important;
        color: #000000 !important;
    }

    /* Resets background and color for c3 variant when light mode is forced on dark OS */
    html.skin-theme-clientpref-light .political-corruption-sidebar-c3 .sidebar-heading,
    html:not(.skin-theme-clientpref-os):not(.skin-theme-clientpref-night) .political-corruption-sidebar-c3 .sidebar-heading {
        background-color: transparent !important;
        color: inherit !important;
    }
}