为您自己的网站使用黑暗阅读器扩展代码

Question

我是脚本黑暗模式为我自己的网站硬代码CSS方式。几个小时后，我意识到黑暗阅读器的黑暗模式比我自己编码的黑暗模式更优雅。有办法将浏览器切换脚本导入到您自己的网站吗？暗读取器扩展图像

Answer 1

黑暗阅读器有一个正式的NPM包，您可以使用它来启用您的网站上的黑暗模式：https://www.npmjs.com/package/darkreader。包的解压缩大小目前只有191 KB。

您可以使用黑暗阅读器在您的网站上启用黑暗模式！

• 从NPM (npm install darkreader)安装软件包
• 或从源代码(npm run api)构建
• 或通过CDN (如unpkg或jsDelivr )将脚本包括在内。

然后使用以下API

DarkReader.enable({亮度: 100，对比度: 90，紫色: 10 })；DarkReader.disable()；//启用系统颜色方案是黑暗的。DarkReader.auto({亮度: 100，对比度: 90，紫色: 10 })；//停止监视系统颜色方案。DarkReader.auto(false)；//获取作为字符串返回的暗黑读取器生成的CSS。const =等待DarkReader.exportGeneratedCSS()；

..。或者如果您正在使用ES模块

从‘暗读取器’中导入{ enable as enableDarkMode，禁用为disableDarkMode，auto作为followSystemColorScheme，exportGeneratedCSS作为collectCSS，}；enableDarkMode({亮度: 100，对比度: 90，间隔: 10，})；disableDarkMode()；followSystemColorScheme()；const =等待collectCSS()；