Tdd Apps

# Solarize Slack for Real

Mar 19, 2019 1 minute read

These are the instructions I followed to make Slack look like a Solarized app.

Note: The recent Slack client rewrite renders these instructions unusable.

Before

Before

After

After

Step 1: Change the Sidebar theme

Use the following sidebar theme. Detailed instructions.

#073642,#002B36,#B58900,#FDF6E3,#CB4B16,#FDF6E3,#2AA198,#DC322F

Theme Source.

Step 2: Change the Background Colors

Add the following block to /Applications/Slack.app/Contents/Resources/app.asar.unpacked/src/static/ssb-interop.js

document.addEventListener('DOMContentLoaded', function() {
 $.ajax({
   url: 'https://cdn.jsdelivr.net/gh/chattahippie/slack-night-mode@fcafbca8be2a720410c6b3988f280fa09ef8fca0/css/raw/variants/solarized-dark.css',
   success: function(css) {
     $("<style></style>").appendTo('head').html(css);
   }
 });
});

It is a mix from the original repo and this fork.

Never miss a post. Subscribe to our newsletter