Skip to content

Instantly share code, notes, and snippets.

@arall
Created October 10, 2018 07:04
Show Gist options
  • Save arall/ee6bf59aa778ec6ebbfee3e3eb07b087 to your computer and use it in GitHub Desktop.
Save arall/ee6bf59aa778ec6ebbfee3e3eb07b087 to your computer and use it in GitHub Desktop.
Slack Dark Theme custom CSS
:root {
/* Modify these to change your theme colors: */
--primary: #61AFEF;
--text: #ABB2BF;
--background: #282C34;
--background-elevated: #3B4048;
/* These should be less important: */
--background-hover: lighten(#3B4048, 10%);
--background-light: #AAA;
--background-bright: #FFF;
--border-dim: #666;
--border-bright: var(--primary);
--text-bright: #FFF;
--text-dim: #555c69;
--text-special: var(--primary);
--text-accent: var(--text-bright);
--scrollbar-background: #000;
--scrollbar-border: var(--primary);
--yellow: #fc0;
--green: #98C379;
--cyan: #56B6C2;
--blue: #61AFEF;
--purple: #C678DD;
--red: #E06C75;
--red2: #BE5046;
--orange: #D19A66;
--orange2: #E5707B;
--gray: #3E4451;
--silver: #9da5b4;
--black: #21252b;
}
.c-team__display-name,
.c-unified_member__display-name,
.c-usergroup__handle,
.c-member__name,
.c-member__display-name {
color: var(--primary) !important;
}
@arall
Copy link
Author

arall commented Oct 10, 2018

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