MediaWiki:Citizen.css

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
Opera: Нажмите Ctrl+F5.

/* VSTU corporate palette for Citizen */
:root {
    --color-progressive-oklch__h: 260;
    --color-progressive-oklch__l: 24%;
    --color-progressive-oklch__c: 0.045;
    --color-progressive-hsl__h: 219;
    --color-progressive-hsl__s: 21%;
    --color-progressive-hsl__l: 21%;
    --color-progressive--hover: #b89a4f;
    --color-progressive--active: #8a6f2c;
}

/* Explicit light theme */
.skin-theme-clientpref-day {
    --color-progressive-oklch__l: 24%;
    --color-progressive-oklch__c: 0.045;
    --color-progressive-hsl__h: 219;
    --color-progressive-hsl__s: 21%;
    --color-progressive-hsl__l: 21%;
    --color-progressive--hover: #b89a4f;
    --color-progressive--active: #8a6f2c;
}

/* Auto theme: light OS */
@media (prefers-color-scheme: light) {
    .skin-theme-clientpref-os {
        --color-progressive-oklch__l: 24%;
        --color-progressive-oklch__c: 0.045;
        --color-progressive-hsl__h: 219;
        --color-progressive-hsl__s: 21%;
        --color-progressive-hsl__l: 21%;
        --color-progressive--hover: #b89a4f;
        --color-progressive--active: #8a6f2c;
    }
}

/* Explicit dark theme */
.skin-theme-clientpref-night {
    --color-progressive-oklch__l: 72%;
    --color-progressive-oklch__c: 0.06;
    --color-progressive-hsl__h: 219;
    --color-progressive-hsl__s: 35%;
    --color-progressive-hsl__l: 72%;
    --color-progressive--hover: #dbbd7d;
    --color-progressive--active: #e6d3a3;
}

/* Auto theme: dark OS */
@media (prefers-color-scheme: dark) {
    .skin-theme-clientpref-os {
        --color-progressive-oklch__l: 72%;
        --color-progressive-oklch__c: 0.06;
        --color-progressive-hsl__h: 219;
        --color-progressive-hsl__s: 35%;
        --color-progressive-hsl__l: 72%;
        --color-progressive--hover: #dbbd7d;
        --color-progressive--active: #e6d3a3;
    }
}

/* Gold focus ring, matching the corporate accent */
:focus-visible {
    outline-color: #dbbd7d !important;
}

/* OIDC-only login UI.
   Local login stays enabled as an emergency fallback but is hidden from the form. */
#userloginForm .mw-userlogin-username,
#userloginForm .mw-userlogin-password,
#userloginForm .mw-userlogin-rememberme,
#userloginForm #wpLoginAttempt,
#userloginForm .mw-form-related-link-container {
    display: none !important;
}
#userloginForm .mw-htmlform-field-HTMLSubmitField:has(#wpLoginAttempt) {
    display: none !important;
}
#mw-input-pluggableauthlogin0 {
    width: 100%;
    min-height: 48px;
    font-size: 1rem;
}