日主题实现跟随系统暗黑设置自动调整网页背景颜色, 无需手动切换, 全自动调整!
日主题简介:
日主题v2是一款全新架构的Wordpress主题。兼容老款日主题。商城功能后台可以一键开启关闭，关闭后就是一个布局灵活，界面优美，速度超快的wordpress博客主题。商城 主要以虚拟资源商城为主，支持包月。包年。终身VIP会员三个不同的用户组等级。
实现原理:
CSS 实现主题跟随系统自动切换
语法规则
利用媒体查询的 prefers-color-scheme 特性检测用户是否将系统的主题色设置为亮色或者暗色。 @media (prefers-color-scheme: {mode}) { /* CSS Rules */ }
其中 mode 可选值为：dark、light、no-preference。
- dark 匹配系统暗色主题
- light 匹配系统亮色主题
- no-preference 系统未得知用户在这方面的选项
例子
例如以下例子展示了当系统主题为 暗色(dark) 时，覆盖 body 样式的字体色与背景色。
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>WPON测试暗黑跟随系统风格调试</title> <style> body { color: #333; background-color: #eee; } @media (prefers-color-scheme: dark) {// 注意这段 body { color: #ccc; background-color: #1f1f1f; } } </style></head><body> 切换你系统暗黑风格吧!</body></html>
声明：
1. 本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！ 下载资源请24小时内删除 运营请支持正版 请合法合规运营
2.不建议充值下载-请大家每天签到或发布资源获取下载，请大家一点要摆正自己的思想关 坚决杜绝 知法犯法
3.如果贵公司发现本站有侵权行为，请来联系我们给予指正，本站将即刻删除链接.分享目的仅供大家学习和交流，请不要用于商业用途！
4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务 请大家谅解！
