@visual-framework/vf-design-tokens/src/maps/vf-color__background.yml

A collection of design tokens for consumption across projects and products

# ------------------
# Background Colours
# ------------------

imports:
  - "../theme.palette.alias.yml"

props:

  # Primary Background Colour
  # -------------------------

  - name: vf-color__background--primary
    value: '{vf-color__background--primary}'
    meta:
      friendlyName: Primary Background Colour
      sassVariable: vf-color__background--primary
      CSSCustomProperty: --vf-color__background--primary
      comment:

  # Secondary Background Colour
  # -------------------------

  - name: vf-color__background--secondary
    value: '{vf-color__background--secondary}'
    meta:
      friendlyName: Secondary Background Colour
      sassVariable: vf-color__background--secondary
      CSSCustomProperty: --vf-color__background--secondary
      comment:

  # Tertiary Background Colour
  # -------------------------

  - name: vf-color__background--tertiary
    value: '{vf-color__background--tertiary}'
    meta:
      friendlyName: Tertiary Background Colour
      sassVariable: vf-color__background--tertiary
      CSSCustomProperty: --vf-color__background--tertiary
      comment:

global:
  type: color
  category: color