Skip to content

Instantly share code, notes, and snippets.

@eadz

eadz/gist:10220496

Created Apr 9, 2014
Embed
What would you like to do?
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;
}
@christydennison

This comment has been minimized.

Copy link

@christydennison christydennison commented Sep 10, 2014

How did you load this into slack?

@christydennison

This comment has been minimized.

Copy link

@christydennison christydennison commented Sep 10, 2014

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

@zlx

This comment has been minimized.

Copy link

@zlx zlx commented Oct 28, 2014

can I use it for mac app?

@beaugunderson

This comment has been minimized.

Copy link

@beaugunderson beaugunderson commented Mar 16, 2015

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.

@igreg

This comment has been minimized.

Copy link

@igreg igreg commented Jun 8, 2015

@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.

@itsBREX

This comment has been minimized.

Copy link

@itsBREX itsBREX commented Jun 10, 2015

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

@MRurka

This comment has been minimized.

Copy link

@MRurka MRurka commented Jun 19, 2015

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

@kolodny

This comment has been minimized.

Copy link

@kolodny 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

This comment has been minimized.

Copy link

@smeevil 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

This comment has been minimized.

Copy link

@aymen-mouelhi aymen-mouelhi commented Dec 12, 2016

@mellertson

This comment has been minimized.

Copy link

@mellertson mellertson commented Nov 28, 2017

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