MediaWiki:Common.css: Difference between revisions

Line 268:

/* =====================================

Light Mode ~~– Global background unification~~

🕯️ Light Mode — Final Fix for Sidebar & Gutter

~~Fixes white gutters and~~ outer wrappers

Targets outer wrappers Vector-2022 ignores

===================================== */

html.skin-theme-clientpref-day,

/* Make the sidebar and its pinned container match the light theme background */

html.skin-theme-clientpref-os-~~light~~ {

html.skin-theme-clientpref-day .vector-main-menu-container,

html.skin-theme-clientpref-day .vector-sticky-pinned-container,

html.skin-theme-clientpref-day .vector-toc,

html.skin-theme-clientpref-day .vector-skin-container,

html.skin-theme-clientpref-day .vector-main-container {

background-color: #f8f8f2 !important;

color: #101418 !important;

}

/* ~~Apply cream background to all main layout wrappers~~ */

/* Ensure the menu itself and its headings inherit correctly */

~~html.skin-theme-clientpref-day body,~~

html.skin-theme-clientpref-day .vector-main-menu,

html.skin-theme-clientpref-day .vector-~~skin~~-~~container~~,

html.skin-theme-clientpref-day .vector-main-menu .vector-menu-heading,

html.skin-theme-clientpref-day .vector-~~page,~~

html.skin-theme-clientpref-day .vector-main-menu .vector-menu-content {

~~html.skin~~-~~theme-clientpref-day~~ .vector-~~main~~-~~container~~,

html.skin-theme-clientpref-day .vector-~~header,~~

~~html.skin-theme-clientpref-day .vector-sticky-header-container,~~

~~html.skin-theme-clientpref~~-~~day~~ .vector-~~sidebar-container,~~

~~html.skin-theme-clientpref-day #mw~~-~~panel,~~

~~html.skin-theme-clientpref-day .mw-body,~~

~~html.skin-theme-clientpref-day #~~content,

~~html.skin-theme-clientpref-day .mw-footer~~ {

background-color: #f8f8f2 !important;

color: #101418 !important;

}

/* Also unify the area behind the pinned menu toggle (hamburger zone) */

html.skin-theme-clientpref-day .vector-header-start,

html.skin-theme-clientpref-day .vector-header-start .vector-menu-checkbox,

html.skin-theme-clientpref-day .vector-header-start .mw-logo {

background-color: #f8f8f2 !important;

}

/* Optional: subtle border for definition */

html.skin-theme-clientpref-day .vector-main-menu-container,

html.skin-theme-clientpref-day .vector-sticky-pinned-container {

border-right: 1px solid #6272a4 !important;

}