深色模式（Dark Mode）在iOS13 引入该特性后各大应用和网站都开始支持了深色模式。在这之前，深色模式更常见于程序IDE开发界面和视频网站界面。前者通过降低屏幕亮度，使得使用人员长时间盯着屏幕眼睛没有那么疲惫；后者通过深色模式来降噪，从而突出主体内容部分。快速开发一个深…

由于平常总是遇到各类换肤的需求，在此做下大概总结，以便对各种情况的换肤场景进行参考。 换肤场景 换肤常见的场景有以下几种： 黑夜/白天模式切换 主题换肤，如QQ邮箱的主题皮肤 客制化配色，如同一应用针

前端换肤最直观的就是颜色的切换，不同主题下，页面的主色调进行改变。主题切换方案大致可以分为两种方案：固定主题和用户自定义。

自 IOS 13.0 支持深色模式（DarkMode）后，多主题逐渐流行起来，用户可以手动或自动切换到自己喜欢的主题色，本篇文章详细介绍下前端页面如何实现多主题适配。

网站或者应用一键切换主题（简称：换肤）功能，对每个前端开发者来说已经非常常见了，通常是一深一浅，或自由组合衍生出众多主题，或任意主题，这时候设计一个工程化主题切换功能，并梳理现代前端样式的

前端主题切换方案 现在我们经常可以看到一些网站会有类似暗黑模式/白天模式的主题切换功能，效果也是十分炫酷，在平时的开发场景中也有越来越多这样的需求，这里大致罗列一些常见的主题切换方案并分析其优劣，大家

前端开发中，主题切换逐渐成为一种常见需求。用户可能希望根据自己的喜好、习惯或者场景需求进行主题切换，例如切换日间与夜间模式。本文主要介绍如何在前端实现主题切换，以及一些应用实例。 一、CSS变量 CS

前言 修改界限 色彩多主题：只在颜色上做改变，不同主题在同一个DOM上只存在属性值的差异，并不存在属性数量的变化，针对此场景，我只需要围绕css属性值动态修改思考即可。 布局多主题：除了颜色的变化外，