Advertisement |
What is "Dark Mode Global" extension and how does it work?
This extension aims to reduce user's eyestrain by reducing the brightness level of all visited web pages automatically. There are two CSS filters this extension uses to improve the page visibility and to reduce the brightness. The first one is filter: invert"
which inverts the entire page's color theme about 100 percent. Note that this will cause all images in the page to invert color as well, however, the extension applies a few methods to prevent this. The second filter is filter: brightness
which is used to reduce the total brightness of the document. This filter is only applied to the top frame (the main document). A user can use the options page to adjust the level of the brightness that is desired.
recommended "Open In VLC" extension for Chrome, Edge, Opera and Firefox browsers.
"Open in VLC" is a browser extension that lets you stream online videos directly in VLC Media Player. It supports various video platforms and provides a seamless way to bypass in-browser playback for improved performance and more features. Read more here.
When I am using this extension some images are inverted which does not look good. Any idea how to fix this?
As stated in the first FAQ, the extension uses filter: invert
to accomplish the dark theme. This filter inverts everything including images. The extension has several internal methods to prevent images from being inverted but some images may skip the internal rules. You can define a custom CSS rule to prevent the inversion. Basically, add a CSS rule into the JSON object where the key is equal to the hostname. This ensures that this CSS rule will only apply to the current hostname and is not messing up other web pages. If you can an issue applying the rule, add a comment in the review section.
Note: to only apply your custom rules in the dark mode, prefix them with html.darkme
query.
Example: Let's add a background color to the Google's search voice icon. Since the URL is "https://www.google.com/", so the key would be "www.google.com" and the entire JSON object would be something like:
{
"www.google.cz": "html.darkme .gsri_a {background: red !important;}"
}
What's new in this version?
Please check the Logs section.
Is it possible to temporarily disable the extension?
Yes, simply use the left-click action on the toolbar button to toggle the extension enabled or disabled (you can place your mouse over the toolbar button to see the current state). This is the recommended way to use when the extension is not performing well. If you are visiting this particular hostname a lot, then it is recommended to use the blacklist filtering instead or you can define a few CSS rules to fix the page! Note that after toggling the state you might need to refresh the page for the changes to apply.
What is the blacklist? How can I use it to prevent some websites from getting the dark theme?
The blacklist is a comma-separated list of hostnames that the extension is not going to apply the CSS filters on. Basically the extension does not intract with these hostnames. To add a hostname to the blacklist there are two options. Either use the right-click option over the toolbar button when you are visiting the page, or add the hostnames directly on the options page. You can remove a hostname from the blacklist as well from the right-click item.
Please keep reviews clean, avoid improper language, and do not post any personal information. Also, please consider sharing your valuable input on the official store.