文件名称:React-Dark:NPM模块,可让您向React应用程序添加深色主题功能
文件大小:271KB
文件格式:ZIP
更新时间:2024-06-01 15:01:30
dark-theme reactjs npm-package dark-theme-toggle JavaScript
黑暗React React Dark是已发布的NPM模块,可以集成到任何ReactJS应用程序中。 它可用于通过几个简单的步骤来整合深色主题。 它为您提供了根据需要自定义深色主题的功能。 它还带有一个切换器,可以轻松切换主题。 正在显示正在运行的应用程序的代码段。 轻主题 黑暗主题 重要的 该模块将记住您的上一个主题集,并将其保存以备将来使用。 因此,当用户再次启动应用程序时,它将自动设置上一次应用的主题。 先决条件 NodeJS(使用npm -v检查是否已在终端上安装) 用法 仅需三个简单步骤,即可将暗模式功能添加到您的React App。 打开您的主要CSS文件,然后按照提到的步骤进行操作。 声明根变量(根据您的选择)。 未启用黑暗模式时将显示。 注意:仅将这些变量用于为CSS属性指定值。 例如 :- :root { --bg-color: #fff; --heading-c
【文件预览】:
React-Dark-master
----.gitignore(13B)
----light_theme.png(21KB)
----package.json(985B)
----package-lock.json(242KB)
----src()
--------index.js(1KB)
--------App.css(1009B)
----webpack.config.js(678B)
----build()
--------index.js(9KB)
----CONTRIBUTING.md(2KB)
----CODE_OF_CONDUCT.md(3KB)
----.github()
--------ISSUE_TEMPLATE()
--------PULL_REQUEST_TEMPLATE()
--------workflows()
----README.md(4KB)
----dark_theme.png(21KB)
----test-server()
--------.gitignore(310B)
--------package.json(747B)
--------package-lock.json(557KB)
--------src()
--------public()
----.npmignore(35B)