/darkness

Dark Themes for Popular Websites

Primary LanguageCSSGNU General Public License v3.0GPL-3.0

Darkness: Dark Themes for Popular Websites

Darkness Logo

Darkness is a Chrome extension that provides dark themes for popular websites such as Google, Facebook, Gmail and YouTube.

Using dark themes reduces the eye strain and fatigue caused by a bright screen, helps you sleep faster and better at night, and generally makes you awesome!

Major Contributors to Darkness (10+ commits): Lior Grossman, Theis Villumsen, Nicolas Botello, Derek Bytheway

Join our growing developers community on Facebook to stay in the loop!

Screenshot

Features

  • Supports 16 websites: Google, Facebook, YouTube, Gmail, Inbox, Google Docs, Dropbox, Twitter, Reddit, Quora, Facebook Messenger, StackOverflow, GitHub, Trello, CloudFlare, ShareLaTeX (help us add more)
  • Select from 5 color themes: Iceberg, Tomorrow, Material Design, Dusk, Red Alert (help us add more)
  • Written in JavaScript, uses SASS
  • Self-hosted. Easy to install on Windows, Mac, Linux
  • Also available on Chrome Web Store.

Installation

Installing Darkness Developer Edition:

  1. Recommended: join our developers community to discuss and ask questions.
  2. Fork the Darkness repo: https://github.com/liorgrossman/darkness/fork
  3. Clone your fork locally:
    • If you use SSH: git clone git@github.com:YOUR_GITHUB_USER/darkness.git
    • or using HTTPS: git clone https://github.com/YOUR_GITHUB_USER/darkness.git
  4. Go to the root Darkness directory: cd darkness
  5. Set up a the original repo as a remote:
    • If you use SSH: git remote add upstream git@github.com:liorgrossman/darkness.git
    • or using HTTPS: git remote add upstream https://github.com/liorgrossman/darkness.git
  6. Get the code: git fetch upstream
  7. Install Node.js, unless you already have it installed
  8. Install packages and compile all SCSS files to CSS: npm install (run it from the same directory as package.json)

Loading it in Chrome:

  1. On Chrome, browse to chrome://extensions
  2. If you have already Darkness installed, disable it
  3. Check Developer mode in the top of the Extensions page
  4. Click Load unpacked extension...
  5. Choose the sub-directory darkness/darkness-chrome (where manifest.json resides)

To keep Darkness up-to-date, please pull occasionally:

git checkout master
git pull upstream master
npm install

Contributing fixes and new themes

Pull requests are welcome! Please see our contribution guide to quickly improve and extend Darkness.

Be in touch

License

GPLv3