Function resolveColors

ui/src/components/colors/linkColors.ts:77–109

()

let cache: ColorCache | null = null;

function resolveColors(): ColorCache {
  if (typeof document === 'undefined') {
    // Non-browser (tests, SSR) — use fallbacks
    const known = new Map<string, string>();
    for (const [key, { color }] of Object.entries(FALLBACK_KNOWN)) {
      known.set(key, color);
    }
    return { themeKey: '__fallback__', known, palette: FALLBACK_PALETTE };
  }

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

  const style = getComputedStyle(root);

  // Read known type colors
  const known = new Map<string, string>();
  for (const [key, { varSuffix, color }] of Object.entries(FALLBACK_KNOWN)) {
    const val = style.getPropertyValue(`--graph-edge-${varSuffix}`).trim();
    known.set(key, val || color);
  }

  // Read palette
  const palette: string[] = [];
  for (let i = 0; i < PALETTE_SIZE; i++) {
    const val = style.getPropertyValue(`--graph-edge-palette-${i}`).trim();
    palette.push(val || FALLBACK_PALETTE[i]);
  }

  cache = { themeKey, known, palette };
  return cache;
}

export function getLinkColor(type: string): string {
  const upper = type.toUpperCase();