简单的一行代码,为网站开启深色模式

yumo6662个月前 (05-03)技术文章12

Darkmode.js 使用 CSS mix-blend-mode 将深色模式带入任何网站,只需将代码加入网页

</body> 之前即可,网页右下方将出现一个可切换浅色模式或深色模式的按钮。

<script src="https://cdn.jsdelivr.net/npm/darkmode-js/lib/darkmode-js.min.js"></script>
<script>
  new Darkmode().showWidget();
</script>

相关文章

CSS常用十六进制颜色代码对照表(十六进制颜色代码原理)

我们在做网页时,经常会用到十六进制颜色代码,一个漂亮的网页,它的颜色搭配必定有讲究,下表是一些常用的颜色及十六进制颜色代码对照,记录在此,以便查阅!...

HTML 标签和属性值的基本格式(html标签及属性大全百度资源)

HTML: HyperText Markup Language 超文本标记语言HTML代码不区分大小写, 包括HTML标记、属性、属性值都不区分大小写;任何空格或回车键在代码中都无效,插入空格或回车有...

vb.net的颜色赋值代码(vb颜色表示代码)

有没有人跟我一样,对颜色的名称,除了常用的几种(如红色,白色,黄色,蓝色,绿色,黑色),就无法说出其它颜色的名称来。我解决这个问题的办法,我有一个图,上面都是Color结构已经定义的颜色的名称及对应颜...

html开发笔记08- 字体样式与颜色(标签的属性)

一、标签的分类:双标签和单标签双标签:就是成对出现的,类似于这种 <html> </html>单标签:就是可以单个使用的,类似于 <br> 换行标签 或 <h...

45个颜色网站,设计师必备指南(推介几个有颜色的网站)

颜色搭配不知所措?颜色参考找不到心仪网站?来!收下这份全面的色彩网址吧!配色是设计中非常重要的部分,好的配色不仅可以让我们的设计更加出彩,还能对用户产生情感影响,相信这些网站一定能对你们有所帮助~1....