A schedulable and customizable dark theme for facebook.com and messenger.com

Latest Version

Version
0.2.0
Update
May 10, 2022
Size
54.51KiB
Developer
Category
Users
3,000+
Rating
4.53333 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
Alarms
Idle
See more

Dark Theme for Facebook™ Extension

This extension provides a native dark theme for both facebook.com and messenger.com. It applies the native coloring by altering the original colors to bring a dark appearance.

This theme is customizable from the options page. Also, the user can inject custom CSS styles into these websites to improve the styling and make it more personalized. You can turn the dark theme on and off from the toolbar button (action button). Also, it is possible to set a schedule (e.g., night-time duration only) to automatically turn the extension on and off.

Features:
1. Uses the original theme
2. Does not invert colors
3. Supports single-click on and off feature
4. Supports schedule on and off
5. Does not mess up the original theme
6. Supports user styling

--
Note that this theme is only meant to improve Facebook usage and has nothing to do with Faebook.com. It is a free, open-source project.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "version": "0.2.0", "name": "Dark Theme for Facebook\u2122", "description": "__MSG_app_description__", "default_locale": "en", "permissions": [ "storage", "alarms", "idle" ], "background": { "service_worker": "worker.js" }, "content_scripts": [{ "matches": [ "*://*.facebook.com/*", "*://*.messenger.com/*" ], "js": ["data/inject.js"], "css": ["data/styles/common.css"], "run_at": "document_start", "all_frames": true }], "icons": { "16": "data/icons/16.png", "32": "data/icons/32.png", "48": "data/icons/48.png", "64": "data/icons/64.png", "128": "data/icons/128.png", "256": "data/icons/256.png", "512": "data/icons/512.png" }, "homepage_url": "https://add0n.com/dark-theme.html?from=facebook", "options_ui": { "page": "data/options/index.html" }, "action": {}, "commands": { "_execute_action": {} }}
Read more