Function useThemeKey

ui/src/components/graph/useThemeKey.ts:29–44

()

 * that read CSS variables (node/edge/label colors, graph background).
 */
export function useThemeKey(): string {
  const [key, setKey] = useState(readThemeKey);

  useEffect(() => {
    const observer = new MutationObserver(() => {
      setKey(readThemeKey());
    });
    observer.observe(document.documentElement, {
      attributes: true,
      attributeFilter: ['data-theme', 'data-mode'],
    });
    return () => observer.disconnect();
  }, []);

  return key;
}