usePreferredColorScheme

Usage

即時編輯器


function Demo() {
  const color = usePreferredColorScheme();

  return <div>首選色彩方案：{color}</div>;
};

結果

ColorScheme: prefers-color-scheme的媒體查詢值

參數名	描述	類型	預設值
defaultState	默认值	ColorScheme \| undefined	`no-preference`

export type ColorScheme = 'dark' | 'light' | 'no-preference'