slack custom css

gistfile1.css

/*
User Stylesheet for Slack. 

Use with http://www.squarefree.com/userstyles/make-bookmarklet.html
to make a custom css Bookmarket

*/


.light_theme .message {
  color: #fff;
  font-size: 16px;
}

#msgs_div {
  background-color: #000;
}
.light_theme .message_sender {
  color: #fff !important;
  background-color: #333;
}
.message .mention {
  background: #333;
  color: #f60;
  font-weight: bold;
}

.member_preview_link {
  display: none;
}

How did you load this into slack?

I guess you didn't use the mac app. Nvm.

can I use it for mac app?

The Mac app stores everything in /Applications/Slack.app/Contents/Resources/public/index.html, I think you could add something like <link ref="stylesheet" type="text/css" href="file:///somewhere.css"> there.

@beaugunderson tried editing Slack's index.html to alter styles but doesn't seem to have any effect on Slack UI beyond the loading screen.

Any way we can force the mac app to use custom styles past the loading screen?

Playing with the CSS would be so helpful. Would like to disable giphy in certain channels only.

The problem with editing the mac app is that when slack is "ready" it just redirects to the slack page so all the stylesheets are lost. Search for document.location.replace(url);

Hi,

I was just wondering if any of you found a solution in the mean time to apply/inject a user-style ?

Hi @smeevil, did you try https://github.com/bhuga/hackable-slack-client ?

Personally I prefer an install-able client over the web-client. That being said, has anyone tried using something like Stylish with a web-client? Although I'm not keen on using a web-client for Slack, it would have the advantage of retaining any CSS mods put in by the user.