Toggle dark mode
Toggle the content’s color scheme be..
基本信息
- 更新日期:
- 包名:
- toggle-dark-mode
- 版本:
- 1.0.1
- 大小:
- 53.48KB
- 类型:
- Firefox
- 平台:
- Firefox
- 评分:
- 发布日期:
- 2021-10-19
- 价格:
- 免费
- 开发者:
- Cimbali
插件更新
Adding a keyboard shortcut option
Toggle dark mode插件截图
Toggle dark mode插件简介
Toggle the content’s color scheme between preferring light or dark (or inheriting)
For Firefox version ≥ 95.
Minimal add-on
This is the simplest possible add-on with the least possible permissions.
Clicking the add-on action in your toolbar cycles the color scheme preference for browser content, between the following 4 values:
- dark colors
- light colors
- inherit browser colors (dark or light)
- inherit system colors (dark or light)
You can enable or disable values in the cycle from the add-on content.
Website support
This add-on relies on the fact that websites have their own proper stylesheets for dark and light modes, for example DuckDuckGo.
An increasing number of websites now offer light and dark schemes, though you may need to select a specific option to inherit your browser’s colors, e.g. google, github, stackoverflow, and many more.
If you want to add your own dark mode to other websites, you can use user style sheet addons such as e.g. Stylus. Then you can wrap the CSS in a prefers-color-scheme media feature so it responds to this add-on’s toggle. For example:
@media (prefers-color-scheme: dark) {
/* CSS that ony applies to dark mode */
body { background: black; color: #ddd; }
}
@media (prefers-color-scheme: light) {
/* CSS that ony applies to light mode */
body { background: white; color: black; }
}
类似Toggle dark mode插件
