Skip to content

vednoc/dark-whatsapp

Folders and files

Name Name
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Dark-WhatsApp (né onyx)

Complete dark mode implementation for WhatsApp Web with many improvements and customizable options.

https://img.shields.io/github/v/tag/vednoc/dark-whatsapp.svg?label=version&style=flat https://img.shields.io/github/stars/vednoc/dark-whatsapp.svg?style=flat https://img.shields.io/github/forks/vednoc/dark-whatsapp.svg?color=007ec6&style=flat https://img.shields.io/badge/docs-on%20GitHub-007ec6.svg?&style=flat https://img.shields.io/badge/Install%20directly%20with-Stylus-116b59.svg?longCache=true&style=flat https://img.shields.io/discord/272011641694978048.svg?longCache=true&colorB=7289da&logo=discord&style=flat

Version 3.0.0 with Inter as the custom font, and hidden notification alerts. Check Configuration page on project wiki to get started customizing your Dark-WhatsApp. See more examples in the Screenshot thread.

Features

  • Complete dark mode — utilizing WhatsApp’s native CSS variables
  • Customizable base colors — light/dark color-schemes are fully supported
  • Private mode — blurring contacts and/or chat media until you hover over them
  • Compact mode for small resolutions (optional, very hacky; works well though)
  • Fullscreen mode — if you prefer not wasting any available space
  • Custom background options for app/chat background images
  • Custom message bubble colors and/or their positions
  • Custom emoji opacity and unified big emoji sizes
  • Various styles and options for message tails
  • Custom chat window width, UI font, and more!

Visit configuration page to see the full list of features and how to use them.

Installation

You have to install Stylus and then click on the install link below.

https://img.shields.io/badge/Install%20directly%20with-Stylus-116b59.svg

Other ways to install this userstyle

For userstyle managers other than Stylus or a custom-compiled version, see installation page.

Getting Started

If you have a question, make sure to see FAQ page first in order to see if your question has already been answered.

To learn more about using this theme and customizing it for your personal use, visit the configuration page.

Contributions

Any contribution is greatly appreciated.

If you’d like to contribute code, please make sure to read the contribution guidelines.

If you really like this project and would like to tip me for my work, then you can:

Credits

This project wouldn’t be possible without:

Similar open-source projects:

License

Code released under the MIT license.