css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv
user profile image

Recreated the native theming functionality in Slack with CSS custom properties and...a bit of magic ;)

Blog post here: http://ramenhog.com/blog/2017/06/07/theming-with-css-custom-properties


Functionality:

  1. Select your theme from one of the preset themes
  2. Change the color of individual theme properties to generate your own custom theme
  3. Copy and paste the generated theme into the actual Slack app or vice versa to apply your custom theme
  4. Selected theme is stored in LocalStorage and applied upon reload

Comments

  1. This is magic. Amazing work!

  2. This is fuc**** amazing ! I like it :p

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.
Loading...
Loading...