Skip to content
This repository has been archived by the owner on Mar 25, 2023. It is now read-only.

LanikSJ/slack-dark-mode

Repository files navigation

Slack Desktop Dark Mode

Purpose

Store scripts and Style sheets for Slack Desktop Dark Mode. Native Dark Mode in Slack isn't available as of this writing.

The following platforms are supported in this repo via scripts:

Screenshot

Screenshot

Notice

Due to the changes in Slack 4.0+ this project will not be compatible with Slack Version 3.4 or below. If you're looking for 3.4.x compatible settings please refer to this.

Usage

Codacy Badge codecov

As of this writing Slack Supports Dark Mode Natively #258

In general, you should completely close out of Slack before or after you run the install scripts. This will ensure that everything is properly updated. Once the script has been run the first time, if you ever need to update the CSS styles, you can simply use ctrl + r or cmd + r in macOS to reload Slack and update the CSS, if the scripts below do not automatically close Slack for you.

For All Systems/OS

First, clone the repository

git clone https://github.com/LanikSJ/slack-dark-mode
cd slack-dark-mode

Then shutdown Slack and please reference for your operating system:

For macOS and Linux

./slack-dark-mode.sh

Update CSS Only

./slack-dark-mode.sh -u

Revert to Light Mode

./slack-dark-mode.sh -l

For Linux SNAP

Since snap is a 'read-only' file system, we have to mount the changes. The script automatically insert a new crontab so it will persist through reboots. Since the way SNAPS work are different, we can easily revert to light mode as well with the script. Note: This script will automatically kill Slack when the -u flag is not used to ensure the mount is not busy.

./snap-slack-dark-mode.sh

Update CSS Only (SNAP)

./snap-slack-dark-mode.sh -u

Revert to Light Mode (SNAP)

./snap-slack-dark-mode.sh -l

For Windows Users

Open Powershell in Admin mode: Note: This script will automatically kill Slack each time you update.

.\slack-dark-mode.ps1

Update CSS Only (Windows)

.\slack-dark-mode.ps1 -UpdateOnly

Revert to Light Mode (Windows)

.\slack-dark-mode.ps1 -LightMode

If you want to make your own tweaks to the css, you can create a file called custom-dark-theme.css in the root of the repository, which will be appended to the end of the main css so you can easily keep your changes through updates of the repo.

Dark Mode Toggle

If you want to toggle Dark Mode on or off you can use Ctrl + L (lower case) on any OS.

Attributions

Some scripts were "borrowed" from mmrko Gist ©️ All rights reserved by the original authors.

Bugs

Please report any bugs or issues you find. Thanks!

License

MIT License

Donate

Patreon