Dark Theme
A customizable dark theme for some popular products
Make a Donation
PayPalBitcoin
Bitcoin Address: 1sM2BrTH8BRgt3quiASK8TmYSafutNvDo
Ether
Ether Address: 0xCf9eaAc56992e12EB61fD46342172d4EEff5C8e4
Download Links
Advertisement
"Dark Theme" is a set of extensions aim to bring dark color themes to popular products such as Google Search and YouTube. Each extension is optimized for a single product for better maintenance and better bug tracking. Each extension has an options page to customize color theme to your taste.
image

Features

  1. List of supported extensions and platforms:

  2. What is the "Dark Theme for YouTube" extension and how does it work?

    This extension is based on famous Youtube Umbra user-style. However, it is optimized for faster loading and less resource usage. Also it is possible to configure this theme from add-on's options page to make it to your taste.

    Note that this extension does not use any sort of resource when you are visiting a non YouTube page and hence it is very light-weighted. On YouTube pages, compared to Stylish extensions, this one uses a lot less resources and hence it is perfect for low-end devices

  3. What is the "Dark Theme for Google" extension and how does it work?

    Dark theme for Google brings dark theme color to Google Search (www.google.com), Google Accounts (accounts.google.com), Google Images (images.google.com), and Google Translate (translate.google.com). There are four different colors that can be adjusted in the options page.

    Note that this extension is based on https://userstyles.org/styles/124403/google-black user-style.

  4. What is the "Dark Theme for Twitter" extension and how does it work?

    "Dark Theme for Twitter" extension converts twitter.com's color theme to dark mode. Whereas other similar extensions, this extension is using the built-in dark theme of twitter.com and hence has a better compatibility compared to the themes that are installed using add-ons like Stylish or Stylus. This extension offers custom background colors for all the important sections. Use the options page to alter these colors or reset them to the default values.

  5. Is it possible to configure colors used by this extension?

    By default the extension converts all colors to charcoal/blue theme, however all colors are accessible from options page and you can configure them get more personalized dark theme.

  6. What's new in this version?

    Please check the Logs section.

  7. What are the colors that are currently configurable on "Dark Theme for YouTube" extension?

    Here is a list of all global color codes you can configure manually from options page:

    • selection-bg-color
    • selection-text-color
    • body-font
    • bg-color
    • main-text-color
    • main-faded-text-color
    • author-highlight-bg-color
    • sep-line-color
    • card-bg-color
    • card-dark-bg-color
    • card-light-bg-color
    • card-border-color
    • card-hover-bg-color
    • card-light-hover-bg-color
    • card-light-hover-border-color
    • menu-bg-color
    • menu-hover-bg-color
    • menu-border-color
    • menu-light-bg-color
    • menu-light-hover-bg-color
    • menu-light-active-bg-color
    • menu-light-border-color
    • link-color
    • link-hover-color
    • input-box-bg-color
    • input-checkbox-toggle-bg-color
    • input-checkbox-active-bg-color
    • input-checkbox-inactive-bg-color

  8. What are the colors that are currently configurable on "Dark Theme for YouTube" extension?

    Here is a list of all global color codes you can configure manually from options page:

    • front-color
    • link-color
    • visited-color
    • bg-color

  9. Can I apply my own custom CSS rules to the default dark theme?

    In the new release of all my dark theme extensions, I am adding a new text area to the options page, so that the user can append custom CSS rules. This way you can fine-tune the theme to match the theme to your needs. Note that this feature is not yet available on all the dark theme extensions.

  10. Is it possible to set a time period for the dark theme? I would like the dark theme to get enabled on the night-time period only.

    Same as the custom CSS rule option, in the new release, there is a new section to set a schedule for the extension to get enabled. Note that when the automatic scheduling is enabled, the extension checks its current state and fixes the enabling or disabling state on IDLE and ALARM events. So if you want to be able to use the toolbar button to disable or enable the extension do not turn the automatic mode on.

Matched Content

Reviews

Please keep reviews clean, avoid the use of improper language and do not post any personal information.HTML tags
  • <a> Defines an anchor.

    Example: <a href="http://add0n.com">a sample link</a>

  • <pre><code> Syntax Highlighting (Supported languages: Bash, JSON, HTML, JavaScript, and CSS).

    Example: <pre><code class="javascript">var foo = 'bar';</code></pre>

  • <strong> Defines bold text
  • <blockquote> Defines a long quotation
  • <caption> Defines a table caption
  • <cite> Defines a citation
  • <em> Defines italic text
  • <p> Defines a paragraph
  • <span> Defines a section in a document
  • <s> Defines strikethrough text
  • <strike> Defines strikethrough text
  • <u> Defines underlined text
  • <br> Defines a single line break; can be used alone and don't need an ending tag

What's new in this version

Version--
Published--/--/--
Change Logs:
    Last 10 commits on GitHub

    Need help?

    If you have questions about the extension, or ideas on how to improve it, please post them on the support site. Don't forget to search through the bug reports first as most likely your question/bug report has already been reported or there is a workaround posted for it.

    issuesstarsforks

    Recent Blog Posts on add0n.com