@visual-framework/vf-design-tokens
Version:
A collection of design tokens for consumption across projects and products
46 lines (36 loc) • 1.15 kB
YAML
# ------------------
# 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