文件名称:use-dark-mode:一个自定义的React Hook,可帮助您实现“黑暗模式”组件
文件大小:109KB
文件格式:ZIP
更新时间:2024-02-26 15:55:26
react hooks dark-theme dark-mode ReactJavaScript
使用暗模式 定制的可帮助您为应用程序实现“暗模式”组件。 用户设置将保留到localStorage 。 :red_heart_selector: 它? :white_medium_star: 可以在或上它。 useDarkMode以下列两种方式之一工作: 通过在您指定的任何元素上切换CSS类(默认为document.body )。 然后,根据选择器的存在,将CSS设置为显示不同的视图。 例如,在演示应用程序中使用了以下CSS来缓解黑暗模式下的背景色。 body . light-mode { background-color : # fff ; color : # 333 ; transition : background-color 0.
【文件预览】:
use-dark-mode-develop
----.gitignore(942B)
----.babelrc(62B)
----.all-contributorsrc(2KB)
----.eslintrc(146B)
----package.json(2KB)
----noflash.js.txt(1KB)
----package-lock.json(436KB)
----src()
--------index.js(1KB)
--------initialize.js(1KB)
----.travis.yml(261B)
----LICENSE(1KB)
----types()
--------index.d.ts(1KB)
----__tests__()
--------.eslintrc(145B)
--------index.test.js(5KB)
--------initialize.test.js(5KB)
----README.md(13KB)
----.npmignore(113B)
----.editorconfig(188B)
----.prettierrc(52B)