useMetaColor() — ui Function Reference

Architecture documentation for the useMetaColor() function in use-meta-color.ts from the ui codebase.

Function typescript ComponentRegistry Styles

Entity Profile

ComponentRegistry→ Styles→ useMetaColor() — ui Function Reference

Dependency Diagram

graph TD
  c6711120_de65_8d71_ee91_53079c2a6ae5["useMetaColor()"]
  44b52d99_98dd_e4a8_16ba_3575ef2e7dd4["use-meta-color.ts"]
  c6711120_de65_8d71_ee91_53079c2a6ae5 -->|defined in| 44b52d99_98dd_e4a8_16ba_3575ef2e7dd4
  style c6711120_de65_8d71_ee91_53079c2a6ae5 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/hooks/use-meta-color.ts lines 6–25

export function useMetaColor() {
  const { resolvedTheme } = useTheme()

  const metaColor = React.useMemo(() => {
    return resolvedTheme !== "dark"
      ? META_THEME_COLORS.light
      : META_THEME_COLORS.dark
  }, [resolvedTheme])

  const setMetaColor = React.useCallback((color: string) => {
    document
      .querySelector('meta[name="theme-color"]')
      ?.setAttribute("content", color)
  }, [])

  return {
    metaColor,
    setMetaColor,
  }
}