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 :::