Brand (default)
vars.color.brand
createTheme docs example — blue
Vanilla Extract
3개의 공식 시맨틱 토큰
총 3가지 색상
개요 Vanilla Extract
Vanilla Extract는 런타임이 없는 CSS-in-TypeScript 도구입니다. 테마는 createGlobalTheme로 작성되며 디자인 토큰은 타입이 지정된 범위 지정 CSS 변수가 됩니다.
사용 방법
토큰을 .css.ts 파일에 작성하고 스타일에서 참조하세요. createTheme로 스타일 규칙을 중복하지 않고 라이트·다크 변형을 전환할 수 있습니다.
Brand (alternate)
vars.color.brand
Second createTheme variant — pink
Brand (contract)
vars.color.brand
Theme contract variant — red
일치하는 색상이 없습니다
출처: vanilla-extract · createTheme docs example