Darkmode.js:in几秒钟内即可将暗夜模式添加到您的网站

时间:2024-02-24 09:09:47
【文件属性】:

文件名称:Darkmode.js:in几秒钟内即可将暗夜模式添加到您的网站

文件大小:109KB

文件格式:ZIP

更新时间:2024-02-24 09:09:47

npm widget dark-theme npm-package vanilla-js

Darkmode.js :first_quarter_moon: 在几秒钟内将暗模式/夜间模式添加到您的网站 该库使用CSS mix-blend-mode将黑暗模式带入您的任何网站。 只需复制粘贴该片段,您将获得一个可打开和关闭黑暗模式的小部件。 您也可以在不使用窗口小部件的情况下以编程方式使用它。 该插件是轻巧的内置Vanilla。 默认情况下,它也使用本地存储,因此您的上一次设置将被记住! 我受到本文的启发: : 产品特点 窗口小部件自动显示 保存用户选择 如果OS首选主题为深色,则自动显示Darkmode(如果浏览器支持preferreds prefers-color-scheme ) 可以以编程方式使用而无需小部件 :sparkles: 演示版 在以下网站上查看演示: (带有自定义标签) (带有自定义标签) (无窗口小部件,一旦登录) (带有自定义标签) (不带小部件,带有自定义切换按钮) WordPress插件 如果您使用的是Wordpress,则可能需要查看基于Darkmode.js的这些插件: Nuxt.js模块 如果您使用的是Nuxt


【文件预览】:
Darkmode.js-master
----.travis.yml(54B)
----.eslintrc(5KB)
----.nvmrc(6B)
----.babelrc(159B)
----package.json(2KB)
----.github()
--------FUNDING.yml(639B)
----test()
--------mocha.opts(24B)
--------index.html(3KB)
--------index.spec.js(2KB)
----LICENSE(1KB)
----package-lock.json(345KB)
----src()
--------index.js(206B)
--------darkmode.js(6KB)
----.gitignore(609B)
----webpack.config.js(1KB)
----CHANGELOG.md(621B)
----lib()
--------darkmode-js.min.js(7KB)
--------darkmode-js.js(34KB)
----README.md(6KB)
----.editorconfig(188B)

网友评论