Function getMatchingColor

docs/src/utils/themes.tsx:129–144

(
  colorName: string,
  theme: Record<string, any>
)

};

export const getMatchingColor = (
  colorName: string,
  theme: Record<string, any>
) => {
  if (colorName === 'outline') {
    return theme.surface;
  }

  if (colorName.startsWith('on')) {
    const key = camelCase(colorName.slice(2));
    return theme[key];
  }

  const key = `on${camelCase(colorName, { pascalCase: true })}`;
  return theme[key];
};

const prepareCustomColors = (
  type: 'light' | 'dark',