ui Architecture Docs
Home / File/ use-meta-color.ts — ui Source File

use-meta-color.ts — ui Source File

Architecture documentation for use-meta-color.ts, a typescript file in the ui codebase. 3 imports, 0 dependents.

File typescript ComponentRegistry Styles 3 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  44b52d99_98dd_e4a8_16ba_3575ef2e7dd4["use-meta-color.ts"]
  1d141819_425e_b5fd_4c8e_32f7c6a42cf2["react"]
  44b52d99_98dd_e4a8_16ba_3575ef2e7dd4 --> 1d141819_425e_b5fd_4c8e_32f7c6a42cf2
  75d25ec8_fe84_91a4_54c6_20dabb286f91["next-themes"]
  44b52d99_98dd_e4a8_16ba_3575ef2e7dd4 --> 75d25ec8_fe84_91a4_54c6_20dabb286f91
  109802f5_d07a_09ac_1761_f7055113f24f["site"]
  44b52d99_98dd_e4a8_16ba_3575ef2e7dd4 --> 109802f5_d07a_09ac_1761_f7055113f24f
  style 44b52d99_98dd_e4a8_16ba_3575ef2e7dd4 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import * as React from "react"
import { useTheme } from "next-themes"

import { META_THEME_COLORS } from "@/config/site"

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

Domain

Subdomains

Functions

Dependencies

  • next-themes
  • react
  • site

Source

Frequently Asked Questions

What does use-meta-color.ts do?
use-meta-color.ts is a source file in the ui codebase, written in typescript. It belongs to the ComponentRegistry domain, Styles subdomain.
What functions are defined in use-meta-color.ts?
use-meta-color.ts defines 1 function(s): useMetaColor.
What does use-meta-color.ts depend on?
use-meta-color.ts imports 3 module(s): next-themes, react, site.
Where is use-meta-color.ts in the architecture?
use-meta-color.ts is located at deprecated/www/hooks/use-meta-color.ts (domain: ComponentRegistry, subdomain: Styles, directory: deprecated/www/hooks).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free