useMetaColor() — ui Function Reference

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

Function typescript DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ useMetaColor() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/hooks/use-meta-color.ts lines 9–28

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,
  }
}