useColors() — ui Function Reference

Architecture documentation for the useColors() function in use-colors.ts from the ui codebase.

Function typescript ComponentRegistry Styles

Entity Profile

ComponentRegistry→ Styles→ useColors() — ui Function Reference

Dependency Diagram

graph TD
  7d1f5568_d876_ba0f_c1b7_0daa7c68c1a9["useColors()"]
  0afe41ac_4a55_c782_f9c9_dd70a39388de["use-colors.ts"]
  7d1f5568_d876_ba0f_c1b7_0daa7c68c1a9 -->|defined in| 0afe41ac_4a55_c782_f9c9_dd70a39388de
  style 7d1f5568_d876_ba0f_c1b7_0daa7c68c1a9 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/hooks/use-colors.ts lines 15–24

export function useColors() {
  const [colors, setColors] = useAtom(colorsAtom)
  const mounted = useMounted()

  return {
    isLoading: !mounted,
    format: colors.format,
    setFormat: (format: ColorFormat) => setColors({ format }),
  }
}