Create a complete color scheme based on one seed color

Continuing the discussion from What about an easier styling/theming system?:

I recently discovered this very handy Bootstrap utility:
http://rriepe.github.io/1pxdeep/

It lets you set a single “seed color” and from that it makes you a complete color scheme. I think “anyone can be a designer” features like these could be really valuable for a forum, as it makes it very easy for anyone to style their forum to their liking - in accordance with style standards determined by Discourse - which in turn reduces the “every Discourse forum looks the same” effect.

The color theming system is a great first step, but your average forum admin will not have the design sense (or patience) to make a good looking and readable forum design.

6 Likes

We are planning for @awesomerobot to come up with a set of about 5 default built in color schemes for people to choose from, using the EZ themer.

3 Likes

Any update to this? There still is only 1 color scheme built-in.

1 Like

Sure, if anyone has any color theme sets to contribute, post them here – that’s the first step!

Here is a starting point
http://www.colourlovers.com/lover/mapadelphia

3 Likes

Tried out a Green-Beige color scheme:


Secondary: #f0ece4
Tertiary: #E2AA32
Header Background: #17A768
Header Primary: #111111

To get black header icons instead of grey ones and a pretty link color I used this in the custom CSS:

.d-header .icons .icon {
    color: #383838;
}

.d-dropdown a {
    color: #17A768;
}

.a {
    color: #0DAD46;
}


What I still need to change is the color of the “Star” “Share” etc buttons to maybe a white.

5 Likes
2 Likes

There are a ton of online tools that do this. https://coolors.co/ is one that generates 5 color sets.