--qp-background

--qp-background

Theme

Chooses the ordinary component surface color used throughout QP. Coordinate it with primary, strong, muted, and inverse foreground decisions because components consume those semantic colors directly rather than relying only on CSS inheritance.

Value

#ffffff

Ownership

  • Kind: Core System
  • Key: Core

Family

  • Variable Type: Root
  • Design Type: Color
  • Inherited Children: --qp-card-background, --qp-image__badge-background, --qp-lightbox__control-background, --qp-menu__mobile-list-background, --qp-menu__mobile-toggle-background, --qp-menu__nested-list-background, --qp-menu__search-background, --qp-modal__close-background, --qp-modal-background, --qp-section-background--default, --qp-site-header-background, --qp-sticky-tray__bar-background, --qp-sticky-tray__panel-background

Dependencies

Usage

  • Consumed By: variables.css

Source

  • Canonical Source: variables.css