Skip to main content
Lucia_Boehling
Lucia_Boehling
New Member
December 6, 2023

Support for blend modes with variables

  • December 6, 2023
  • 22 replies
  • 1647 views

Our design system leverages mix blend modes for hover states so our icon buttons appear on any background color and remain accessible, without needing separate hover–on-primary, hover–on-secondary, etc tokens. We use multiply for light theme, and screen for dark theme. It would be really awesome if we could apply blend modes directly to the color variables, OR support blend modes as variables in general.

Our current work around is to apply the blend mode directly on each component variant, but this requires us to define separate light and dark theme variants. would be great if we could use variables here to have it automatically switch between light/dark.

    22 replies

    Show previous replies
    Sr.Gaston
    Sr.Gaston
    New Member
    July 29, 2026

    We really need this feature in our team!

    Frans_Baud
    Frans_Baud
    New Member
    September 17, 2026

    This would be a blessing now that Apple uses the Liquid Design (now going into year 2) and they use different blend modes for their Light and Dark liquid UI Elements. This is a big User Pain for Design System management for our iOS apps.

    Currently fixing it by wrapping it into a Variant with Slots that has 2 variants with each the different Blend Mode - very hacky solution….

    Terms & ConditionsAccessibility statement