ブランドを差し替える

ブランドテーマはPrimitiveの色スケールを差し替え、SemanticとComponentの意味を保ったまま外観を変更します。

入力契約

ブランド色は 50、100、200、300、400、500、600、700、800、900 の全スケールを必須とします。部分的な上書きは、古いブランド値が混在するため許可しません。

const brandTheme = createTheme({
  colors: {
    brand: {
      50: "...",
      100: "...",
      200: "...",
      300: "...",
      400: "...",
      500: "...",
      600: "...",
      700: "...",
      800: "...",
      900: "...",
    },
  },
});

brandHover、brandPressed、brandSubtle は同じスケールから導出し、通常状態だけを更新して古いブランドの状態色を残さないようにします。