This code defines a theme color system and retrieves hex color codes based on a given color name, logging the result.

ThemeTextColors.ts

const themeTextColorPalette = {
  primary: "#3B5998",
  secondary: "#8B9DC3",
  dark: "#333333",
  light: "#F7F7F7",
  muted: "#CCC222",
} as const;

type ThemeTextColorName = keyof typeof themeTextColorPalette;

const getHexColorCode = (colorName: ThemeTextColorName): string => {
  return themeTextColorPalette[colorName];
}

const newColor: ThemeTextColorName = "dark";
const hexColor = getHexColorCode(newColor);

console.log(`Hex Color for ${newColor} is ${hexColor}`);