メインコンテンツへスキップ
Context Grammar文脈を読むAI

色のトークン

サイトのすべての色には名前がついています。値と紙に対するコントラスト比は、読み込まれているスタイルシートから読み取るので、ライト/ダークの切り替えに合わせて変わります。文字には ink、ink-2、muted、spark-ink を使い、罫線と spark は形のために使います。

var(--paper)
…
…
var(--paper-2)
…
…
var(--paper-3)
…
…
var(--ink)
…
…
var(--ink-2)
…
…
var(--muted)
…
…
var(--line)
…
…
var(--line-2)
…
…
var(--line-strong)
…
…
var(--line-control)
…
…
var(--spark)
…
…
var(--spark-ink)
…
…

使っている場所