如何在 Vue js 网站中使用 darkreader 包启用暗模式？

【问题标题】：How to enable dark mode using darkreader package in Vue js website?如何在 Vue js 网站中使用 darkreader 包启用暗模式？
【发布时间】：2020-09-14 14:20:19
【问题描述】：

如何在 Vue js 应用中使用 DarkMode？p>

我试图从this npm package 导入暗模式。但是，总是报错DarkMode not defined。

【问题讨论】：

您能否为此创建一个small demo 以显示正在发生的问题。

标签： vue.js npm vue-cli

【解决方案1】：

我试图导入 darkreader 喜欢 - import {DarkReader} from 'darkreader'

通过如下导入解决了问题

    enable as enableDarkMode,
    disable as disableDarkMode,
    auto as followSystemColorScheme, } from 'darkreader';   enableDarkMode({
    brightness: 100,
    contrast: 90,
    sepia: 10, });   disableDarkMode();   followSystemColorScheme(); ```

https://www.npmjs.com/package/darkreader

【讨论】：