電子發燒友網>電子資料下載>電子資料>Dark Reader網頁黑暗模式轉換擴展

Dark Reader網頁黑暗模式轉換擴展

2388729 2022-05-18 | zip | 0.95 MB | 次下載 | 免費

普通下載普通下載

資料介紹

授權協議 MIT

開發語言 TypeScript

操作系統跨平臺

軟件類型開源軟件

所屬分類插件和擴展、 FireFox插件

軟件簡介

Dark Reader 是一個開源的瀏覽器擴展，旨在分析網頁。根據其分析，Dark Reader 將生成一種旨在減少用戶眼睛疲勞的黑暗模式。Dark Reader 功能豐富，可以在整個 UI 中以多種方式進行配置。

構建使用

安裝?Node.js LTS，下載源代碼（或從 git 中 check out）。
在根文件夾中打開終端并運行：

npm install
npm run build

這將生成一個build/release/darkreader-chrome.zip可在基于 Chromium 的瀏覽器中使用的文件以及一個可在 Firefox 中使用的build/release/darkreader-firefox.xpi文件。

為網站使用 Dark Reader

你可以使用 Dark Reader 在你的網站上啟用黑暗模式！

從 NPM (?npm install darkreader) 安裝包
或從源代碼構建 (?npm run api)

然后就可以使用下面的代碼來控制 Dark Reader 的 API

DarkReader.enable({
    brightness: 100,
    contrast: 90,
    sepia: 10
});

DarkReader.disable();

// Enable when the system color scheme is dark.
DarkReader.auto({
    brightness: 100,
    contrast: 90,
    sepia: 10
});

// Stop watching for the system color scheme.
DarkReader.auto(false);

// Get the generated CSS of Dark Reader returned as a string.
const CSS = await DarkReader.exportGeneratedCSS();

// Check if Dark Reader is enabled.
const isEnabled = DarkReader.isEnabled();

...或者如果正在使用 ES 模塊

import {
    enable as enableDarkMode,
    disable as disableDarkMode,
    auto as followSystemColorScheme,
    exportGeneratedCSS as collectCSS,
    isEnabled as isDarkReaderEnabled
} from 'darkreader';

enableDarkMode({
    brightness: 100,
    contrast: 90,
    sepia: 10,
});

disableDarkMode();

followSystemColorScheme();

const CSS = await collectCSS();

const isEnabled = isDarkReaderEnabled();