主要功能:

  • 不同主题之间切换
  • 主题包上传

不同主题切换

主要使用css的定义变量功能

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<style>
div {
width: 100%;
height: 100vh;
display: flex;
align-items: center;s
}
.dark {
--dark-bg-color: #000000;
--dark-text-color: #ffffff;
}
.dark div{
background-color: var(--dark-bg-color);
}
.dark span{
color: var(--dark-text-color);
}
</style>
<body>
<div>
<span>hello world!</span>
</div>
</body>

最后更新: 2024年05月31日 14:41