I have found this also - some colour combinations are quite difficult to put into place without editing html/css manually of which you ask not to do for this contest.
This is fair feedback, I think @awesomerobot may be able to help with guidance here.
Despite what it seems, I suspect those are lighter versions of the text color. I’m guessing your text color is actually a very dark blue.
For example, #0a061d looks like this:
but when it’s lightened 50% in SASS it looks like this:
I guess the simplest explanation is that there a lot of different ways to mix colors to get something that looks like black, and that impacts what the color looks like when it’s lightened.
I intentionally used that in my Apricot theme
I made the primary text color a black from brown, so when lightened it looks brown
Definitely feel free to report any issues here, some of them might be chalked up to the difficulty of making a small set of colors work universally no matter what you set them to… but I’m sure there’s room to improve as well.
Agreement on the inherent light/dark issues. Some elements seem to be hardcoded based on the master values, or iterated off of them which amounts to the same effect.
I think that the major value of this competion will not be the results, but information on the friction to creating good results.
One clear barrier to creating good color only options for this first iteration is that the discourse logo text is hardcoded as black in the icon. That eliminates half of the spectrum for backgrounds on the header (light only) so I created a custom png with a little white border around the text elements so that folk can experiment with if they want to go the other way.
Nothing great. A real version would want to expand the size of the png and allow more border, a real real version would be in svg or html and allow changeing of the text color, but this border trick will at least give folk an option for working with banner headers that use dark colors ( a common desire because usually you want a light background to your more important text content).
So here is an element for experimentation.
kris I like the apricot theme, very clever.
Thanks Dražen! We definitely need these sorts of higher level templates to iterate on.
Totally agree, I wish there was a mechanism by which you could set a dark-themed icon and a light-theme icon based on which theme was chosen by the user (if you indeed let them choose their own theme).
3 posts were split to a new topic: Color scheme outputs unexpected colors
Reminder: You have until this Friday to send in a submission!
We’ve received a lot of beautiful and fun color schemes already, so please keep’em coming!
As per dark material design kind of old, but old is gold. The color layouts are already mentioned did a few changes. A dark color scheme which is easy on the eyes and clear text visibility.
So I have finally gone through the 10 and sent them off - Tried to create a different style of schemes in order to fit most tastes - hopefully they came out ok. Was good fun doing them - tough not using any CSS overrides in some places but hopefully they all work pretty well - they did from what I saw anyhow.
As the contest has ended - I hope more people will share their results while we wait for the judges
Latte - Discourse Theme Creator
Minimal - Discourse Theme Creator
Purpleism - Discourse Theme Creator
Stem - Discourse Theme Creator
Stormcoast - Discourse Theme Creator
Sunflower - Discourse Theme Creator
Peppermint - Discourse Theme Creator
BarbyP - Discourse Theme Creator
Kingdom - Discourse Theme Creator
Couleur - Discourse Theme Creator
Blackboard - Discourse Theme Creator
Cotton Candy - Discourse Theme Creator
Guacamole - Discourse Theme Creator
Noir - Discourse Theme Creator
Pink Is The New White - Discourse Theme Creator
Shades of Blue - Discourse Theme Creator
Winners are announced