根据提供的素材内容,这个网站是一个名为StackColorScheme
的函数。它的作用是检查当前浏览器的颜色方案是否为黑色或默认(自动)颜色方案,并根据prefers-color-scheme
媒体查询来调整颜色主题。
在CSS中,可以使用data-scheme
属性设置主题颜色:
body {
--bg-color: black;
}
.dark-theme {
--bg-color: white;
}
可以通过设置data-scheme
属性来更改主题颜色:
<!DOCTYPE html>
<html data-scheme="dark">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="your_stylesheet.css">
</head>
<body>
<!-- Your content goes here -->
</body>
</html>
your_stylesheet.css
是你的CSS文件,可以根据需要调整样式。