跳到主要内容
Dark Mode Invert Colors

Dark Mode Invert Colors EN

G.G.Ashbrook · Firefox

Dark Mode: An Eye-saving invert-colors extension. minimal, simple, open-source.

5.0/5 2 人评分 76用户 v1.0当前版本

简介

### invert_colors_minimal_firefox_addon

#### code here: https://github.com/lineality/invert_colors_minimal_firefox_addon

#### extension/add-on here: https://addons.mozilla.org/en-US/firefox/addon/dark-mode-invert-colors/

# Dark Mode: eye-saving invert colors minimal firefox browser addon

# About Invert Colors Minimal

## Description
With security, transparency, and data-hygiene in mind:
This is a minimal firefox addon/extension
- 12 lines of code (not counting lone parenthesis and punctuation)
- in two files

to invert colors in a browser tab/window
(e.g. to reduce eye-strain by turning inscrutably white pages black)
that you can manually deploy in your browser, so that you know
exactly what code you are running. Black-Box addons in the
addon-store may be safe to use, often are not safe,
but it is very difficult for an average user to test this
and new browser extension vulnerabilities are being
uncovered continually, e.g. see:

https://twit.tv/shows/security-now/episodes/938

#### Quote:
"Research reveals vulnerabilities in browser extensions that allow them to steal plaintext passwords from a website's HTML source code. Even sites like Google, Facebook, Amazon, IRS, and Capital One are affected."

This extension's background.js file should be simple, only five lines of code, the main line being:
```
code: `document.body.style.filter === "invert(100%)" ? document.body.style.filter = "" : document.body.style.filter = "invert(100%)"`
```

- This extension requires the active tab permission: "permissions": ["activeTab"].
- This extension allows the color inversion to be toggled on or off, and not be
permanently on for all tabs for all urls, and
- This extension uses no popups.

If the version you have tries to get more permissions,
please stop and figure out what is going on.
You can make your own clean version to use from the github code provided.

# Steps to "test" the code for this Firefox addon
1. Type "about:debugging#/runtime/this-firefox" in the Firefox address bar and hit Enter.
2. Click on "Load Temporary Add-on…" and select your manifest.json file to load the addon for testing.

Now, when you click on the addon's icon, it should invert the colors of the active tab in Firefox.
See 'settings' section below, as the icon may not automatically appear.

(You can later package this addon into a .zip file and upload it to the Firefox Add-ons Developer Hub for distribution.)

# Settings
You may need to go to about:addons -> extensions -> select this extension -> scroll down:
- Run in Private Windows (toggle on/off)
- Run on sites with restrictions (toggle on/off)

or click on the puzzle piece icon and click on Manage Extensions,
select Dark Mode Invert Colors, and 'allow.'

For example, I have firefox running in fully-locked-down amnesiac mode with nothing saved etc., which I think firefox treats as effectively (or technically) always in private-window mode.
So 'private windows' may refer to your configuration settings for all tabs, rather than specifically selecting 'new private window.'

# Choice and Design
However, do not do anything you feel insecure doing. My ultimate recommendation
is that you write your own extension (perhaps from help with this code) that fits
exactly your security needs, doing only what you need done well and in a way you entirely understand.

There are various design trade-offs that you can and should select from, and modify what you want:
- simple invert color or some other color shift (maybe a least-worst option but fits most cases well and is simple)
- pop-ups or no popups (I prefer to not use any popups so no popups are used here)
- permissions (this has various meanings. 'active tab' permission is used, but that seems to be a different meaning from 'no permissions requested' as firefox says.
- selective page/tab vs. all (see below)
- toggle or always on (For selective tab and always on, you can make a version with absolute zero "permissions" technically, but that applies itself to all url's and tabs and sites with no choice, which is a sense is another kind of 'permission' as you have no choice to turn it on or off. I chose not to do that, even though in some ways it is simpler (fewer lines of simpler code, easier to understand) an uses fewer 'permissions.'

# For a similar chrome browser extension, see here:
https://github.com/lineality/invert_colors_minimal_chrome_extension

Dark Mode Invert Colors 是做什么的

Dark Mode Invert Colors 是一款面向 Firefox 的外观主题类扩展,主要用来更换浏览器配色、给网页加深色模式、调整界面观感。官方对它的介绍是:Dark Mode: An Eye-saving invert-colors extension. minimal, simple, open-source.在Firefox 附加组件商店(AMO)上,它当前版本 1.0,评分 5(2 人评价),约 76 名用户。

适合什么人用

从功能定位看,Dark Mode Invert Colors 更适合长时间对着屏幕、希望降低眼睛负担的用户。如果你平时只是偶尔遇到相关需求,用浏览器自带功能也能凑合;但如果这件事每天都发生,装一个专门处理它的扩展通常比手动操作省事得多。

怎么安装 Dark Mode Invert Colors

  1. 打开Firefox 附加组件商店(AMO)上的官方页面;
  2. 点「添加到浏览器」并确认权限提示;
  3. 装好后在扩展列表里固定图标,方便随时开关。

本站只做索引与介绍,安装包来自官方商店。如果商店页面提示当前地区不可用,说明该扩展未在你所在区域上架。

常见问题

Dark Mode Invert Colors 是免费的吗?

Dark Mode Invert Colors 在Firefox 附加组件商店(AMO)免费提供下载。它是浏览器扩展,装上就能直接用,不需要注册账号。

Dark Mode Invert Colors 安全吗?

它只申请了 0 项权限,范围比较克制,没有申请「读取所有网站数据」这种大权限。

Dark Mode Invert Colors 支持哪些浏览器?

当前收录的版本来自Firefox 附加组件商店(AMO),适用于 Firefox。同一个扩展在其他商店可能有对应版本,但功能与版本号不一定相同。

怎么卸载 Dark Mode Invert Colors?

在扩展管理页找到 Dark Mode Invert Colors,点移除即可。它在本地保存的设置会一起清掉,不会残留数据。

权限清单 来自 manifest.json 原文

接口权限 1

  • activeTab