Function getGraphThemeColors

ui/src/components/colors/graphThemeColors.ts:52–72

()

let cache: { themeKey: string; colors: GraphThemeColors } | null = null;

export function getGraphThemeColors(): GraphThemeColors {
  if (typeof document === 'undefined') return DEFAULTS;

  const root = document.documentElement;
  const themeKey = `${root.dataset.theme ?? ''}_${root.dataset.mode ?? ''}`;
  if (cache && cache.themeKey === themeKey) return cache.colors;

  const style = getComputedStyle(root);
  const bg = style.getPropertyValue('--graph-bg').trim() || DEFAULTS.bg;
  const labelColor =
    style.getPropertyValue('--graph-label-color').trim() || DEFAULTS.labelColor;
  const labelShadow =
    style.getPropertyValue('--graph-label-shadow').trim() ||
    DEFAULTS.labelShadow;
  const dimBgHex = style.getPropertyValue('--graph-dim-bg').trim() || '#1a1b2e';
  const dimBg = parseHexRgb(dimBgHex);

  const colors: GraphThemeColors = { bg, labelColor, labelShadow, dimBg };
  cache = { themeKey, colors };
  return colors;
}