nordtheme / nord

An arctic, north-bluish color palette.
https://www.nordtheme.com
MIT License
6.09k stars 170 forks source link

Slack theme #39

Closed pspeter3 closed 7 years ago

pspeter3 commented 7 years ago

The color scheme looks great and having it for Slack would be great as well. My best attempt was #2E3440,#3B4252,#434C5E,#D8DEE9,#3B4252,#D8DEE9,#8FBCBB,#81A1C1

arcticicestudio commented 7 years ago

Thanks for your proposal 👍 I'll add it as a port project to #18 and @-mention you as soon as I start working on it in the backlog ticket so you can track the progress or contribute ideas for this port project.

Please note that it may take some time because there are many tickets with requests and other proposals in the queue. Also take into account that I work as a software developer in the "real world" and I hope you understand that the time to work on my projects may vary depending on my freetime. :octocat:

cobrabr commented 7 years ago

I've made an attempt at a Nord theme for Slack as well: #2E3440,#3B4252,#5E81AC,#ECEFF4,#434C5E,#D8DEE9,#A3BE8C,#D08770.

This is what it looks like: image

One way of quickly testing themes is using SlackThemes.net -- you can select themes or manually enter the colour values in the text box at the bottom.

pbnj commented 7 years ago

A slight modification: screen shot 2017-08-28 at 11 49 24 am

Breakdown:

screen shot 2017-08-28 at 11 50 52 am

Custom Slack Theme one-liner: #3B4252,#2E3440,#5E81AC,#ECEFF4,#2E3440,#ECEFF4,#A3BE8C,#BF616A

EDIT:

pspeter3 commented 7 years ago

So is it red instead of orange?

cobrabr commented 7 years ago

@pspeter3 -- that, and the background and hover colours are inverted.

pbnj commented 7 years ago

@pspeter3 - sorry my comment was not clear. @cobrabr is correct. Visualizations may help:

@pspeter3 @cobrabr @petermbenjamin
@pspeter3 @cobrabr @petermbenjamin
Try it in browser Try it in browser Try it in browser
pspeter3 commented 7 years ago

Yeah the iterated ones look way better than my original. I think I was largely trying to follow the documentation in the README

arcticicestudio commented 7 years ago

Sorry for the long delay, I've almost had no free time to work on my projects.

Currently thinking on how to build this port project since there is no file format to provide themes, but manually setting the colors. The repository should only contain a README.md to document the install steps, the way to preview the theme using slackthemes.net and references to the official Slack documentation on how to customize the theme.

I'll also submit a PR to the slackthemes.net repository to add it to the available themes.

arcticicestudio commented 7 years ago

The Nord Slack repository is now available and the initial version 🏷 0.1.0 has been released.

lokesh-krishna commented 6 years ago

Could you please add this project to the readme to improve discoverability?

arcticicestudio commented 6 years ago

Currently there are several new port projects missing in the Nord documentation. I'll add them as soon as I've created the banners.

tborychowski commented 6 years ago

I've created this repo for the nord fanatics who (like me) prefer to have the full dark theme: https://github.com/tborychowski/slack-nord-theme

:-)

arcticicestudio commented 6 years ago

@tborychowski Looks nice, maybe a proposal should be submitted to the Slack team so they extend their current theming API. From quickly looking into the code it seems like this will break with each Slack update so it would be nice if there are new theme fields to style more sections of the UI.

tborychowski commented 6 years ago

@arcticicestudio yes. This hack needs to be applied after every update of the slack app. I asked slack team couple of times about supporting better theming or even macos dark mode, but the answer is always the same: "we're thinking about it" :-)