A highly customizable dark theme for Instagram homepage and search
Dark Theme for Instagram™ Extension
This is a simple dark theme for Instagram? website to bring a togglable button to your browser toolbar to switch the dark theme for this website on and off. This extension offers two extra functionalities:
1. The user can insert custom CSS styling rules to each page.
2. The dark them can get enabled and disabled automatically based on the daylight and nightlight period that the user is set on the options page
Note:
1. This theme is based on the \"invert\" filter. Basically, this extension inverts the entire page and then revert some elements to feel like a real dark theme. To alter more elements use the custom CSS section of the options page.
Legal:
This extension is an independent project to invert the Instagram? website and has nothing to do with Instagram? and its development team.
Read more
1. The user can insert custom CSS styling rules to each page.
2. The dark them can get enabled and disabled automatically based on the daylight and nightlight period that the user is set on the options page
Note:
1. This theme is based on the \"invert\" filter. Basically, this extension inverts the entire page and then revert some elements to feel like a real dark theme. To alter more elements use the custom CSS section of the options page.
Legal:
This extension is an independent project to invert the Instagram? website and has nothing to do with Instagram? and its development team.
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "version": "0.1.0", "name": "Dark Theme for Instagram\u2122", "description": "__MSG_app_description__", "default_locale": "en", "permissions": [ "storage", "alarms", "idle" ], "background": { "persistent": false, "scripts": [ "background.js" ] }, "content_scripts": [{ "matches": [ "*://instagram.com/", "*://*.instagram.com/*" ], "js": [ "data/inject.js" ], "run_at": "document_start", "all_frames": false }], "web_accessible_resources": [ "data/theme.css" ], "icons": { "16": "data/icons/16.png", "19": "data/icons/19.png", "32": "data/icons/32.png", "38": "data/icons/38.png", "64": "data/icons/64.png", "128": "data/icons/128.png", "256": "data/icons/256.png" }, "homepage_url": "https://add0n.com/dark-theme.html?from=instagram", "options_ui": { "page": "data/options/index.html", "chrome_style": true }, "browser_action": { "default_icon": { "16": "data/icons/16.png", "19": "data/icons/19.png", "32": "data/icons/32.png", "38": "data/icons/38.png", "64": "data/icons/64.png" } }}
Read more