@semicolon-ui/design-token

@semicolondsm/design-token

Install

yarn add @semicolondsm/design-token

Usage

import { colors } from "@semicolondsm/design-token";

import { colors } from "@karrotmarket/design-token";

// WebView에서 사용되는 scheme 입니다.
// 반드시 css서버에서의 link가 필요합니다.
colors.auto.scheme;

// 라이트
colors.light.scheme;

// 다크
colors.dark.scheme;

<link rel="stylesheet" href="https://assets-fe.xquare.app/style.css" />

Link가 되면 CSS 에서 color: var(--blue400) 처럼 쓸 수 있습니다.