Skip to content

Instantly share code, notes, and snippets.

@eadz

eadz/gist:10220496

Created April 9, 2014 02:27
Show Gist options
  • Save eadz/10220496 to your computer and use it in GitHub Desktop.
Save eadz/10220496 to your computer and use it in GitHub Desktop.
Download ZIP
slack custom css
Raw
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;
}
@itsbrex
Copy link

itsbrex commented Jun 10, 2015

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

@MRurka
Copy link

MRurka commented Jun 19, 2015

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

@kolodny
Copy link

kolodny commented Nov 19, 2015

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);
image

@smeevil
Copy link

smeevil commented Jan 26, 2016

Hi,

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

@aymen-mouelhi
Copy link

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

@mellertson
Copy link

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment