Vanilla Extract

概要 Vanilla Extract

Vanilla Extract は実行時ゼロの CSS-in-TypeScript ツールです。テーマは createGlobalTheme で記述され、デザイントークンは型付きのスコープ付き CSS 変数になります。

使い方

トークンを .css.ts ファイルに書き、スタイル内で参照します。createTheme を使えばスタイルを重複させずに明暗の切り替えができます。