Function prepareVariant

docs/src/utils/themes.tsx:172–208

({
  primary,
  secondary,
  tertiary,
  type,
  custom,
}: CustomTheme)

};

export const prepareVariant = ({
  primary,
  secondary,
  tertiary,
  type,
  custom,
}: CustomTheme) => {
  const baseTheme = argbThemeFromColor(primary, type);

  if (secondary) {
    const secondaryTheme = argbThemeFromColor(secondary, type);
    baseTheme.secondary = secondaryTheme.primary;
    baseTheme.onSecondary = secondaryTheme.onPrimary;
    baseTheme.secondaryContainer = secondaryTheme.primaryContainer;
    baseTheme.onSecondaryContainer = secondaryTheme.onPrimaryContainer;
  }

  if (tertiary) {
    const tertiaryTheme = argbThemeFromColor(tertiary, type);
    baseTheme.tertiary = tertiaryTheme.primary;
    baseTheme.onTertiary = tertiaryTheme.onPrimary;
    baseTheme.tertiaryContainer = tertiaryTheme.primaryContainer;
    baseTheme.onTertiaryContainer = tertiaryTheme.onPrimaryContainer;
  }

  const theme = argbThemeToRgbTheme(baseTheme);
  const elevation = prepareElevations(baseTheme);
  const surfaceColors = prepareSurfaceColors(baseTheme);
  const customColors = prepareCustomColors(type, custom);

  return {
    ...theme,
    elevation,
    ...surfaceColors,
    ...customColors,
  };
};

export const prepareThemes = (colors: RGBColorList) => {
  const light = prepareVariant({