Skip to content

Instantly share code, notes, and snippets.

@eadz
Created April 9, 2014 02:27
Show Gist options
  • Select an option

  • Save eadz/10220496 to your computer and use it in GitHub Desktop.

Select an option

Save eadz/10220496 to your computer and use it in GitHub Desktop.
slack custom 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

itsbrex commented Jun 10, 2015

Copy link
Copy Markdown

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

@MRurka

MRurka commented Jun 19, 2015

Copy link
Copy Markdown

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

@kolodny

kolodny commented Nov 19, 2015

Copy link
Copy Markdown

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

smeevil commented Jan 26, 2016

Copy link
Copy Markdown

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
Copy Markdown

@mellertson

Copy link
Copy Markdown

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