Site header

--qp-surface-background--hover

--qp-surface-background--hover

Theme

Chooses the ordinary hover surface used by interactive components. Coordinate it with the corresponding interactive foreground and focus decisions so hover remains visibly distinct and readable.

Value

color-mix(in oklch, #2563eb, white 82%)

Ownership

  • Kind: Core System
  • Key: Core

Family

  • Variable Type: Root
  • Design Type: Color
  • Inherited Children: --qp-cta-background--alternate-hover, --qp-menu__link-background--hover, --qp-menu__mobile-link-background--hover, --qp-menu__mobile-toggle-background--hover, --qp-menu__submenu-toggle-background--hover, --qp-modal__close-background--hover, --qp-site-header__menu-link-background--current, --qp-socials__link-background--hover, --qp-toc__link-background--hover

Dependencies

Usage

  • Consumed By: variables.css

Source

  • Canonical Source: variables.css