前端主题切换

category
Web
date
Sep 1, 2022
icon
slug
theme-switch
status
Published
summary
现在我们经常可以看到一些网站会有类似暗黑模式/白天模式的主题切换功能,效果也是十分炫酷,在平时的开发场景中也有越来越多这样的需求,这里大致罗列一些常见的主题切换方案并分析其优劣,大家可根据需求综合分析得出一套适用的方案。
tags
CSS
type
Post

使用CSS变量+类名切换

css 和 js两种方式监听媒体主题的变化,可以选一种使用
然后通过修改类名的方式使用
 

vue 使用的主题切换

 

更多方式可以看

 

参考链接:
  1. 前端主题切换方案 - 掘金 (juejin.cn)
 

© JinSo 2021 - 2026