如何让网站图标跟随系统主题变化？

我们可以在 link 标签上添加 media="(prefers-color-scheme: dark)" | media="(prefers-color-scheme: light)" 来实现该功能

html

<!doctype html>
<html lang="en">
  <head>
    <link rel="icon" type="image/svg+xml" media="(prefers-color-scheme: dark)" href="/logo.svg" />
    <link rel="icon" type="image/svg+xml" media="(prefers-color-scheme: light)" href="/logo-black.svg" />
  </head>
</html>

评论区

评论加载中...