<?xml version="1.0" encoding="utf-8"?>
<!--  RSS generated by phpcms.cn RSS Builder [2026-04-30 07:28:11]  --> 
<rss version="2.0" xmlns:im="http://purl.org/rss/1.0/item-images/" xmlns:dc="http://purl.org/dc/elements/1.1/" >
<channel>
<pubDate>Thu, 30 Apr 2026 07:28:11 +0800</pubDate>
<lastBuildDate>Thu, 30 Apr 2026 07:28:11 +0800</lastBuildDate>
<docs>https://www.zhoulujun.cn</docs>
<description>css3|css3
sass|sass
less|less</description>
<link>https://www.zhoulujun.cn</link>
<title>darkMode</title>
<image>
<title>darkMode</title>
<url><![CDATA[]]></url>
<link>https://www.zhoulujun.cn</link>
<description>css3|css3
sass|sass
less|less</description>
</image>
<webMaster>https://www.zhoulujun.cn</webMaster>
<generator>https://www.zhoulujun.cn</generator>
<ttl>60</ttl>
<dc:creator>https://www.zhoulujun.cn</dc:creator>
<dc:date>Thu, 30 Apr 2026 07:28:11 +0800</dc:date>
<item>
<title><![CDATA[DarkMode(5)：深色模式不同实现方案切换]]></title>
<link><![CDATA[/html/webfront/style/darkMode/8586.html]]></link>
<description><![CDATA[<img src=/uploadfile/images/2020/12/thumb_150_150_20201210221755902435557.png border='0' /><br />想要从​@mixin themeify {@each $theme-name, $theme-map in $themes {……方案转为普通方案如何办，sass变量如何自动转为css变量实现主体]]></description>
<pubDate>2020-12-10 20:58:53</pubDate>
<guid><![CDATA[/html/webfront/style/darkMode/8586.html]]></guid>
<author>https://www.zhoulujun.cn</author>
</item>
<item>
<title><![CDATA[DarkMode(4)：css滤镜 颜色反转实现深色模式]]></title>
<link><![CDATA[/html/webfront/style/darkMode/8585.html]]></link>
<description><![CDATA[在《DarkMode(1)：产品应用深色模式分析》提过，单纯反转是不行的。但是，把不需要反转的，在反转过来。或者用js，给想要反转的，加上反转   ]]></description>
<pubDate>2020-12-10 21:44:21</pubDate>
<guid><![CDATA[/html/webfront/style/darkMode/8585.html]]></guid>
<author>https://www.zhoulujun.cn</author>
</item>
<item>
<title><![CDATA[DarkMode(3)：sass函数实实现深色模式操作]]></title>
<link><![CDATA[/html/webfront/style/darkMode/8584.html]]></link>
<description><![CDATA[<img src=https://www.zhoulujun.cn/uploadfile/images/2019/0804/20190804122523428050851.jpg border='0' /><br />深色模式实现起来有很多种。但是最简易的还是 :not(img) { filter: invert(100%) hue-rotate(180deg); } 最舒服。对于不是很复杂的页面，足够了]]></description>
<pubDate>2020-12-07 23:14:06</pubDate>
<guid><![CDATA[/html/webfront/style/darkMode/8584.html]]></guid>
<author>https://www.zhoulujun.cn</author>
</item>
<item>
<title><![CDATA[DarkMode(2)：深色模式解决方案——css颜色变量实现Dark Mode]]></title>
<link><![CDATA[/html/webfront/style/darkMode/8558.html]]></link>
<description><![CDATA[CSS 的媒体查询+CSS 变量二者配合就可以实现页面主题跟随系统自动切换深浅模式 。使用 matchMedia 匹配主题媒体，监听主题模式，深色模式时为 body 添加类名 dark，根据 CSS 变量的响应式布局特点，自动生效 dark 类名下的 CSS。

]]></description>
<pubDate>2020-09-14 20:08:58</pubDate>
<guid><![CDATA[/html/webfront/style/darkMode/8558.html]]></guid>
<author>https://www.zhoulujun.cn</author>
</item>
<item>
<title><![CDATA[DarkMode(1)：产品应用深色模式分析]]></title>
<link><![CDATA[/html/webfront/style/darkMode/8557.html]]></link>
<description><![CDATA[<img src=/uploadfile/images/2020/09/thumb_150_150_20200914181505407255919.jpg border='0' /><br />Dark Mode 并不是简单的颜色反转！在界面色彩复杂一些的情况下，直接的颜色反转就完全没法用了。苹果是如何为 iOS 设计 Dark Mode 的？Dark Mode 的设计难点在哪？为什么Dark Mode变得越来越流行]]></description>
<pubDate>2020-09-14 20:08:25</pubDate>
<guid><![CDATA[/html/webfront/style/darkMode/8557.html]]></guid>
<author>https://www.zhoulujun.cn</author>
</item>
</channel>
</rss>
