Skip to content
快看这页儿写了啥...

主题和模式

IT 行业,特别是程序员,经常会加班,虽然加班是不对的,但是大部分人迫于生计还是选择去加班,也就经常在深夜工作,这样的话网站太亮的话会很刺眼,其实我们平常浏览的网站(难道是为了应对社畜🤨)很多都支持切换黑暗模式,那我们做的项目本身就是一个程序员使用较多的工具网站,本着程序员何必为难程序员的原则,还是得加上模式切换,本文的核心就是介绍黑暗模式的实现思路以及在项目中实现一下。

接下来我们讲的是模式切换,很多人把主题和模式搞混,认为黑白模式就是 2 套主题色,但其实还是不一样的,每一套主题色,一般都有 2 个基础模式,即在白天和晚上的配色方式,也可能会有色弱、色差等模式,但是主题就是主题,模式就是模式,不一样的哈,因为经常有人把黑白两套颜色直接做成2套主题色,所以很多人会搞混。

主题通常会有一系列的配色,这些配色在白天和晚上展示的应该是 2 套配色(比如晚上的背景色应该是暗色而白天是亮色,还有晚上的主色值应该要比白天的偏暗一些),这才是正常的。。。但其实落实到代码中写起来,主题和模式的套路都一致。

很正经的说,如果要区分模式,每个主题色,都应该按照模式分成几套颜色,所以你也可以理解为是几套不同的主题色。

如果把你绕迷了,没关系,不用关心这件事,接着看下文吧!

不正经的前端