Home > @css-hooks/recommended > ColorSchemeMediaQueries

ColorSchemeMediaQueries type

This type adds media queries to a hook configuration when color schemes are specified.

Signature:

export type ColorSchemeMediaQueries<C> = C extends {
  colorSchemes: (infer ColorScheme)[];
}
  ? UnionToIntersection<
      StringToHook<`@media (prefers-color-scheme: ${ColorScheme extends string
        ? ColorScheme
        : never})`>
    >
  : object;

References: UnionToIntersection, StringToHook