screenshot Custom Dark Mode | Download

Easily darken the web with customized dark styles!

Custom Dark Mode is a browser extension that has customized dark colors (mode) for all websites.  Please check the YouTube Tutorial at the bottom of this page 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.

Some of the important features about Custom Dark Mode addon are listed below. This is followed by an overview about this addon. This summary contains few words about the addon, its function and 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 in this page or the contact form in 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. Next section is for submitting comments about this addon which uses facebook comments plugin. The last section is dedicated to reports submitted through the GitHub website. We hope the information provided in 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.

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.

Frequently Asked Questions

  • 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.

  • 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.

  • 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.

  • 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.

  • 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.

  • 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.

  • 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.

  • 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.

  • 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.

  • 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.

  • Submitting Bugs

    Your feedback goes a long way towards making this addon even better. With this Bug report form, you can submit bugs or suggest enhancements for the functionality or performance of this addon. Please note, this bug report 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 requesting additional information regarding the reported bug(s).

    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.

    Comments | Reviews

    • Please note: Keep these reviews 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, colour, religion, age, gender and etc. Do not submit bugs in your reviews, use the above bug-report section instead. Also, never post any personal information in these reviews.

    GitHub Reports | Fork me on GitHub

    GITHUB0 GITHUB1 GITHUB2 GITHUB3 GITHUB4 GITHUB5 GITHUB6 GITHUB7 GITHUB8 GITHUB9