screenshotCustom Dark Mode  |  Download Easily darken the web with customized dark styles!

Some of the important features of the Custom Dark Mode addon are listed below. This is followed by an overview of this addon. This summary contains few words about the addon, its function, and its features. Next is FAQ, this section is useful to get information about how this addon works in your browser. If you couldn't find a specific answer, please fill the bug report form on this page or the contact form on the homepage to let us know about your question. Following the FAQ, is the bug report form. It is designed to collect user feedbacks and bugs about this addon. Users can suggest improvements or feature requests through this form too. The next section is for submitting comments about this addon which uses the Facebook comments plugin. The last section is dedicated to reports submitted through the GitHub website. We hope the information provided on this page, could help you get all the basics you need about this addon and enable you to have a better experience with Custom Dark Mode.

In short, Custom Dark Mode is a browser extension that has customized dark colors (mode) for all websites. Please check the YouTube tutorial below to get an idea of how this addon works in your browser. If you want to contribute to the developement of this addon, please fork it on GitHub, and push your changes to a named branch. Moreover, you can review all the comments made on GitHub commits.

4 Reasons to Use Custom Dark Mode

  • Toggle button in toolbar popup lets you easily apply|remove dark styles for all websites.

  • You can add/remove a domain to the whitelist from toolbar popup UI.

  • Over 14 options are available to customize dark mode colors.

  • Available for Firefox, Chrome and Opera browsers on all operating systems.

YouTube Tutorial

This video gives you an idea of how the extension works in your browser.

Matched Content

Frequently Asked Questions

  • 1. What is Custom Dark Mode?

    Custom Dark Mode is a browser add-on that helps you design your own dark mode for the web. Simply open toolbar popup UI and then adjust the color settings. There are a variety of options available to choose from. You can adjust body background-color to font-color, header-color and etc. Moreover, you can adjust the opacity for all HTML elements. All the settings are auto saved to the memory in toolbar popup. There is also a (+/-) button with you can use to whitelist desired domains from dark mode. Please note that, at the current version of the add-on, there is no option to see the whitelist table. You can only add or remove websites from toolbar popup UI. In order to turn the dark mode ON or OFF, you can use the big torch button at the top center.

  • 2. How can I work with this add-on?

    In order to work with this addon, simply open toolbar popup and then click on the big torch button at the top center. Once the button turns to dark grey (combined with yellow color), the addon is active. Please note that, default state is OFF when you first install the addon. If you like to adjust the dark colors, please use the sliders and color pickers provided in the popup. All changes are auto saved to the memory. Please note that, this addon is not working properly for some websites, and this is due to the nature of dark mode colors which may not fit correctly to all platforms. In this case, please add the websites to the whitelist by pressing on the (+) button. Like-wise, in order to remove a website from whitelist, please press on the (-) button. There is also a reset button at the top right corner which you can use to reset all settings to the default factory values. Please note that, this operation is irreversible.

  • 3. How can I download the source code for Custom Dark Mode?

    To download the source code for this extension from Chrome Web Store, it is recommended to use Extension Source Downloader. With this addon, you can download the source code as a ZIP or CRX format to your machine. If you want to download the source code from the Firefox addons store, please open the firefox download link (if available) in the Firefox browser and then right-click on the - Add to Firefox - button and select - Save Link As... - item. Choose the destination folder on your machine and then save the file in XPI format. You can then rename the XPI format to a RAR or ZIP file. Some extensions may have a GitHub repo address, which you can use to download the source code as well. But, it may not be the latest version of the addon. Therefore, downloading the source code from the official web stores is the best option as it always gives you the latest version of the addon.

  • 4. How can I darken the new tab page?

    In order to darken the new tab page, you need to use a separate add-on, as all modern browsers have strict rules for customizing the new tab page. A lite and easy-to-use add-on to darken the new tab page is called: Dark New Tab. It is available for Chrome and Firefox browsers only. Since the Opera browser does not allow manipulating the new tab page, Dark New Tab add-on is not currently working for Opera. Please note that this addon is only affecting the new tab page in your browser, and does not have any impact on other pages.

  • 5. How do I turn the extension OFF?

    In order to turn the addon OFF, please click on the big torch button in toolbar popup UI. When the icon turns to light grey, dark mode is off and when it turns to dark gray and yellow, dark mode is active.

  • 6. How to add a domain to the whitelist?

    In order to add a specific domain to the whitelist, please open toolbar popup UI and then press on the plus button at the middle left side. Likewise, in order to remove the domain, please press on the minus button next to the plus sign. As mentioned above, currently there is no option to view the whitelist within the popup.

  • 7. How can I change dark mode styles (theme)?

    There are a variety of settings available in toolbar popup to adjust dark modes. For example, you can change the background color, font color, etc. Simply find the HTML element which you would like to adjust the color, then click on the color area (HEX color box). A color picker will show up which helps you to choose desired colors. Then, adjust the next slider which is designed for color density. All the changes are auto saved to the memory.

  • 8. Is this extension available for mobile firefox (Firefox for android)?

    Yes, this addon is available for all browsers and platforms including mobile Firefox and Opera browsers.

  • 9. How can I disable this add-on?

    In order to disable the add-on, simply click on the big power button at the toolbar popup (top section) to turn the add-on OFF (note: in the inactive mode, toolbar icon turns to light grey). Alternatively, you can visit extensions page in your browser and click on the disable button next to the add-on name to permanently disable the addon.

  • 10. How can I remove a website from the whitelist?

    As mentioned above, simply browse to a website which you would like to remove, then press on the (-) button in toolbar popup UI.

  • 11. Can I whitelist a domain with mouse right-click (context-menu item)?

    No, unfortunately whitelisting is only available through popup UI. Currently, context-menu item is not available, but in future versions it will be added.

  • 12. Can I reload the active tab from toolbar popup?

    Yes, you can easily reload the active tab by pressing on the reload button at the top left corner in toolbar popup UI.

  • 13. Where can I find the privacy policy for Custom Dark Mode?

    Please read the privacy policy for this extension here.


Reporting Bugs

Your feedback goes a long way towards making this addon even better. With this feedback and bug report form, you can report bugs or suggest features/enhancements for the functionality or performance of this addon. Please note that this form will be sent to the developer(s) of this addon. You will not get an immediate or personal response at the moment. However, the developer(s) may contact you through the email address provided in this form for further clarifications or to request additional information regarding the reported bug(s).

If you want to rate or write a review for this addon in the official webstore, please press the - Rate this addon - button below.

Please enter the name of the extension (addon).

Please enter the current version of the extension.

Please be as specific as possible. Basically, describe what happened, what you were doing when it happened, and why you think it is a problem.

Describe the step-by-step process required to reproduce the issue you are reporting. Be specific when describing these steps by providing as much detail as possible.

Please try to leave a link to a screenshot for the specific bug or error report.

Please enter your operating system.

Please enter your browser and its current vesrion.

Please enter your email address.

Reviews | Discussions

Please note: keep these reviews/discussions clean, and avoid the usage of derogatory or inappropriate language or terminology in references to individuals or groups based on race, national or ethnic origin, color, religion, age, gender, etc. Do not submit bugs in your reviews, use the above bug-report section instead. Also, never post any personal information in these reviews.