Colors
選択されたカラーパレットに適応するセマンティックカラートークン
セマンティックカラートークンは、用途に基づいた色の定義です。選択されたカラーパレット(colorPalette)に応じて動的に適応します。
colorPalette
各カラー(mori、umi、blue、red、yellow、gray)は同じ構造に従います。colorPaletteを設定すると、対応するカラートークンが適用されます。
colorPalette.bgDefault background
colorPalette.bg.subtleSubtle background
colorPalette.surfaceComponent background (normal)
colorPalette.surface.hoverComponent background (hover)
colorPalette.surface.activeComponent background (active)
colorPalette.solidSolid background for buttons
colorPalette.solid.emphasizedSolid background (hover)
colorPalette.fgDefault text
colorPalette.fg.mutedMuted text
colorPalette.fg.subtleSubtle text
colorPalette.contrastText on solid background