Skip to content

@utilslib/web/isDarkMode


检测是否为暗黑模式(动态) ​

用户可能在运行时切换系统主题 ​

isDarkMode ​

函数签名 ​

typescript
function isDarkMode(): boolean

描述 ​

检测是否为暗黑模式(动态) 用户可能在运行时切换系统主题

返回值 ​

boolean

点击查看源码
js
// ============ 动态检测方法 ============
/**
 * 检测是否为暗黑模式(动态)
 * 用户可能在运行时切换系统主题
 */
export function isDarkMode() {
  return (
    window.matchMedia &&
    window.matchMedia("(prefers-color-scheme: dark)").matches
  );
}
ts
// ============ 动态检测方法 ============

/**
 * 检测是否为暗黑模式(动态)
 * 用户可能在运行时切换系统主题
 */
export function isDarkMode(): boolean {
  return (
    window.matchMedia &&
    window.matchMedia("(prefers-color-scheme: dark)").matches
  );
}

如有错误,请提交issue :::