Coder Social home page Coder Social logo

makeitdark's Introduction

Slack dark theme injector tool

This tool writes a dark theme to the Slack desktop application. Dark theme was taken from the generated Dark Reader theme that was applied when I visited the web version of slack, like so:

Array.from(document.querySelectorAll('.darkreader')).map((n) => n.textContent).join('\n');

Preview:

Sample screenshot of dark Slack theme

Prerequisites

Install python

You really should take the css file from this site, and host it somewhere you control. It's not a great idea to have a script inject an arbitrary CSS file from a domain outside of your control, into an application like Slack that could have sensitive data.

Don't trust me - fork the repo.

Running

Unix

sudo python makeitdark.py
sudo python3 makeitdark.py

Windows

python makeitdark.py

Sidebar

Add this sidebar theme which kinda makes it look like Mojave dark mode:

#333336,#2e2e31,#666668,#ffffff,#277df6,#d7d5d4,#277df6,#277df6

Or add this sidebar theme for more consistency:

#17181c,#252525,#A36B31,#D2D6D6,#5C6380,#DEDEDE,#ADBA4E,#DB6668

You can fiddle around with custom sidebar themes at https://slackthemes.net

Reverting

If you want to uninstall the dark Slack theme you can run with the makeitlight option:

makeitdark.py makeitlight

Slack Updates

When Slack updates it will overwrite the installed dark theme. When this happens just re-run the tool to make it dark again.

Authors

See also the list of contributors who participated in this project.

License

This project is licensed under the MIT License - see the LICENSE file for details

Acknowledgments

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.