DEV Community

Yao
Yao

Posted on

为你的应用添加明暗主题

在我们开发的 React、Vue 等现代应用中,经常可以看到明暗主题切换功能(如下图),它是如何实现的呢?市面有很多种实现方案,接下来让我们逐个绍并分析它们的优劣。
Image description

方案一:CSS 变量

方案二:CSS in JS

方案三:Less/Sass 变量 + 两份主题 css 构建产物

Top comments (2)

Collapse
 
kartjim profile image
kart jim
Collapse
 
xxxlgloverd profile image
xxxlgloverd

xd,别卖关子