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

yumo6663个月前 (05-03)技术文章22

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>

相关文章

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

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

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

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

HTML页面精简代码只需做好这5步(html页面精简代码只需做好这5步程序)

网站打开速度慢?网站加载图片慢?网站容易卡顿?身为站长和网站用户的你有没有遇到过这种情况?没错,这些都是网站页面体积惹的祸。解决办法是通过技术手段去掉臃肿杂乱的代码,减小网页文件大小,加快网页加载速度...

Vue进阶(七十一):webpack实现一键动态切换主题色

前言项目中用了element-ui,有切换主题色的需求。但官方的方式,有几个问题:1、需要下载整个element-ui样式css,并替换其中的css样式颜色。文件较大,下载慢且影响性能。2、只能替换e...

Python可视化交互库——dash——设置颜色

模块 dash.html 包含所有 HTML 标签, 可以用其设置文本及背景颜色.模块 dash.dcc 包含交互的高级组件.代码import pandas as pd import plotly.e...