Skip to content
vednoc edited this page Sep 11, 2020 · 13 revisions

Installation

First, you need a UserStyle manager that supports installing UserCSS userstyle.

Then, to install the Dark-WhatsApp UserStyle, click on the button below:
https://img.shields.io/badge/Install%20directly%20with-Stylus-116b59.svg

Once the raw wa.user.styl file is open in the browser, Stylus will open a new tab showing some basic information & options:

  • Click on:
    • “Install style” to initially install the style.
      • The button will be labeled “Reinstall style” if the style is already installed.
      • Or, it’ll be labeled as “Update style” if the style is already installed, and it needs to be updated.
    • The “Check for updates” checkbox.
      • Check this box if you want the style to automatically update.
  • Review the remaining information as desired.

If the installation is successful, it will be followed by the text “Style Installed”. Once installed, you will be redirected to Stylus’ editor page with the newly installed/updated UserStyle loaded. Close this if you don’t want or need to modify the style.

Dark-WhatsApp Lite Version

Similar to the full version, only with no configuration options.

This is only meant to be used with extensions that don’t support Stylus-lang and/or external projects. As such, its purpose is to provide you with the core functionality of Dark-WhatsApp without the need to compile it on your own.

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

Other ways to install this userstyle

Stylish is only supported through userstyles.org

Installing in Franz or Ferdi

Custom-compiled version

Check the info provided in How to compile Stylus-lang to CSS on FAQ page for how to use whatsapp.sh tool.

What now?

You’re done, unless you want to customize colors and/or other features of Dark-WhatsApp. If that is the case, visit configuration page for more information.