Colors

色は uchu の OKLCH パレットのサブセットだけを使う。アプリのコードが参照するのは用途名を持つセマンティックトークンで、各トークンは light-dark() で両テーマの値を持つ。

セマンティックカラー

スワッチは左がライト、右がダークの解決値。

--c-bglight-dark(var(--uchu-yang), var(--uchu-yin))

--c-textlight-dark(var(--uchu-yin), var(--uchu-gray-1))

--c-sublight-dark(var(--uchu-yin-6), var(--uchu-yin-4))

--c-borderlight-dark(var(--uchu-gray-2), oklch(var(--uchu-yang-raw) / 10%))

--c-surfacelight-dark(var(--uchu-gray-1), var(--uchu-yin-9))

--c-surface-textlight-dark(var(--uchu-yin-9), var(--uchu-yang))

--c-primarylight-dark(var(--uchu-yin-8), var(--uchu-gray-3))

--c-primary-textlight-dark(var(--uchu-yang), var(--uchu-yin-9))

--c-linklight-dark(var(--uchu-blue-5), var(--uchu-blue-3))

--c-link-visitedlight-dark(var(--uchu-purple-5), var(--uchu-purple-3))

--c-dangerlight-dark(var(--uchu-red-6), var(--uchu-red-4))

--c-selectionlight-dark(var(--uchu-yellow-2), var(--uchu-yellow-9))

--c-scrollbarlight-dark(var(--uchu-gray-3), var(--uchu-yin-8))

--c-ringlight-dark(var(--uchu-yin-4), var(--uchu-yin-6))

生のパレット値。原則としてアプリからは直接使わず、セマンティックトークンの材料にする。番号は uchu の階調(欠番は未使用の色)。チップにポインタを載せると oklch 値が出る。透明度を後付けする場合のために、一部の色は oklch() の引数だけを持つ-raw 変種も持つ。

gray

12345679

red

456

purple

3456

blue

3456

green

yellow

129

orange

569

yin

1456789•

yang

•