# مسابقة ألوان (مع جوائز!)

**URL:** https://meta.discourse.org/t/color-scheme-contest-with-prizes/89432
**Category:** Site feedback
**Created:** [8 يونيو 2018، 9:28ص UTC](https://meta.discourse.org/t/color-scheme-contest-with-prizes/89432 "2018-06-08T09:28:43Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![erlend\_sh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/erlend_sh/32/119475_2.png) [@erlend\_sh](https://meta.discourse.org/u/erlend_sh)
#### Post date: [8 يونيو 2018، 9:28ص UTC](https://meta.discourse.org/t/color-scheme-contest-with-prizes/89432/1 "2018-06-08T09:28:43Z")

</div>

### Color Scheme Contest

Discourse has had support for [custom themes](https://meta.discourse.org/t/how-to-develop-custom-themes/60848?source_topic_id=47494) for almost a year now, though we’ve been iteratively rolling out _many_ improvements since then. There’s now a solid collection of [themes documentation](https://meta.discourse.org/tags/themes) to dig into, as well as a growing [collection of themes](https://meta.discourse.org/c/theme) to use as-is or study and borrow from.

 ![paint-brushes-publicdomainvectors-2400px](https://global.discourse-cdn.com/meta/original/3X/0/3/0302ea4c096cc88910bea439e9080d8502b4b003.png)

We feel it’s high time that we raise more awareness about Discourse’s many theming capabilities which are quickly reaching maturity. In the months to come we will be doing a series of theme contests to put this maturity claim to the test.

## First up: Color Schemes 🌈

Our first challenge requires nothing more than a keen sense for color combinations. No HTML or CSS should be used.

### How to participate

1. **Make a new color scheme**

2. **Share**

3. **Repeat!**

4. **Submit**

### Prizes

The Discourse team will select three color scheme submissions as the top 3 winners. One author can not win more than one prize.

First place: $500 and color scheme will be bundled with Discourse core  
Second place: $350  
Third place: $250

Other color schemes may also get included in core but only first place is guaranteed.

Prize money is payable by PayPal or TransferWise. Please let us know if neither of these payment options will work for you.

### Timeline

The deadline for submission is in two weeks from now: June 22, 2018 5:00 PM

### Ownership

Please note that by sharing your theme through [theme-creator.discourse.org](http://theme-creator.discourse.org) you are giving [Discourse (CDCK Inc.)](https://www.discourse.org/team) non-exclusive rights to your work. We reserve the right to publish any submitted theme in the public domain with appropriate attribution.

---

<div class="post-metadata">

### Author: ![erlend\_sh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/erlend_sh/32/119475_2.png) [@erlend\_sh](https://meta.discourse.org/u/erlend_sh)
#### Post date: [8 يونيو 2018، 9:29ص UTC](https://meta.discourse.org/t/color-scheme-contest-with-prizes/89432/2 "2018-06-08T09:29:55Z")

</div>



---

<div class="post-metadata">

### Author: ![Flower\_Child](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/flower_child/32/94987_2.png) [@Flower\_Child](https://meta.discourse.org/u/Flower_Child)
#### Post date: [8 يونيو 2018، 10:16ص UTC](https://meta.discourse.org/t/color-scheme-contest-with-prizes/89432/3 "2018-06-08T10:16:36Z")

</div>

> [@erlend\_sh](#):
>
> No HTML or CSS is required.

Not required, or not allowed? Can we customize html and css if we want?

---

<div class="post-metadata">

### Author: ![erlend\_sh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/erlend_sh/32/119475_2.png) [@erlend\_sh](https://meta.discourse.org/u/erlend_sh)
#### Post date: [8 يونيو 2018، 11:11ص UTC](https://meta.discourse.org/t/color-scheme-contest-with-prizes/89432/4 "2018-06-08T11:11:53Z")

</div>

Good question. I changed it to “No HTML or CSS should be used” to clarify. We want this to be all about colour schemes for this initial round of customisations, so no extra customisations will be accepted.

---

<div class="post-metadata">

### Author: ![notriddle](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/notriddle/32/133055_2.png) [@notriddle](https://meta.discourse.org/u/notriddle)
#### Post date: [8 يونيو 2018، 2:31م UTC](https://meta.discourse.org/t/color-scheme-contest-with-prizes/89432/5 "2018-06-08T14:31:26Z")

</div>

> [@erlend\_sh](#):
>
> We reserve the right to publish any submitted theme in the public domain with appropriate attribution.

I’m pretty sure “public domain” doesn’t have support for requiring attribution. Wouldn’t it just be simpler to have the themes licensed CC-BY-NC-SA, like all the normal forum submissions?

---

<div class="post-metadata">

### Author: ![frold](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/frold/32/82547_2.png) [@frold](https://meta.discourse.org/u/frold)
#### Post date: [8 يونيو 2018، 2:47م UTC](https://meta.discourse.org/t/color-scheme-contest-with-prizes/89432/6 "2018-06-08T14:47:38Z")

</div>

> [@erlend\_sh](#):
>
> **Share**
> 
> Make your theme publicly viewable by using the Share button at the bottom of of the customizer:

I get this notice:

> To share your themes with others you must belong to the **@theme-authors** group on [meta.discourse.org](https://meta.discourse.org/). You can request membership [here](https://meta.discourse.org/groups).

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [8 يونيو 2018، 5:18م UTC](https://meta.discourse.org/t/color-scheme-contest-with-prizes/89432/7 "2018-06-08T17:18:57Z")

</div>

Yep, users can request the membership (well, I add you to the group now), I will update the OP.

---

<div class="post-metadata">

### Author: ![frold](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/frold/32/82547_2.png) [@frold](https://meta.discourse.org/u/frold)
#### Post date: [9 يونيو 2018، 6:56ص UTC](https://meta.discourse.org/t/color-scheme-contest-with-prizes/89432/8 "2018-06-09T06:56:25Z")

</div>

Even then I should be a part of the theme group I get this notice when trying to **share**

 ![19](https://global.discourse-cdn.com/meta/original/3X/c/4/c4fa3b83f6010649f1b31550de569dc9a10904d7.png)

---

<div class="post-metadata">

### Author: ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [9 يونيو 2018، 6:58ص UTC](https://meta.discourse.org/t/color-scheme-contest-with-prizes/89432/9 "2018-06-09T06:58:42Z")

</div>

Log out from theme creator and log in again and you should be good to go.

---

<div class="post-metadata">

### Author: ![riking](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/riking/32/170938_2.png) [@riking](https://meta.discourse.org/u/riking)
#### Post date: [10 يونيو 2018، 5:26ص UTC](https://meta.discourse.org/t/color-scheme-contest-with-prizes/89432/10 "2018-06-10T05:26:51Z")

</div>

_[this is a non-competing entry]_

> [@erlend\_sh](#):
>
> a keen sense for color combinations

What could be more keen than the [good old](https://blog.codinghorror.com/a-tribute-to-the-windows-31-hot-dog-stand-color-scheme/) Windows 3.1 Hot Dog Stand?

 ![image](https://global.discourse-cdn.com/meta/original/3X/e/4/e4a29669ce7fe384f6e9f8d03bb8ad575d2b6445.png)

_[please put a little bit more effort into your submissions than this! for example, I could have fixed the “Activity” column but decided not to for time reasons]_

---

<div class="post-metadata">

### Author: ![frold](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/frold/32/82547_2.png) [@frold](https://meta.discourse.org/u/frold)
#### Post date: [10 يونيو 2018، 6:53ص UTC](https://meta.discourse.org/t/color-scheme-contest-with-prizes/89432/11 "2018-06-10T06:53:47Z")

</div>

> [@riking](#):
>
> please put a little bit more effort into your submissions than this! for example

…? How should this be read?

Im not sure?

Like in: what kind of crap people are adding or - what are you saying..?

Anyway feel free to tweak the following

**Green is the new black theme by frold**  
[![33](https://global.discourse-cdn.com/meta/original/3X/3/1/31a3c2021e986181fbd3a7664e66a72acb1b9564.png)](https://theme-creator.discourse.org/theme/frold/green_is_the_new_black_theme_by_frold)

**Prince the Artist formerly known As by frold**  
[![58](https://global.discourse-cdn.com/meta/original/3X/8/8/884252a8612de387d92d75c025b6ef3d87855658.png)](https://theme-creator.discourse.org/theme/frold/prince_the_artist_formerly_known_as_by_frold)

**Purple Rain by frold**  
[![59](https://global.discourse-cdn.com/meta/original/3X/3/4/34be3edcfeb3b0cb001cc44a2f6777e595b61549.png)](https://theme-creator.discourse.org/theme/frold/purple_rain_by_frold)

**Miss Piggy Theme by frold**  
[![16](https://global.discourse-cdn.com/meta/original/3X/0/2/02da6a2ab562e5b498cef4d88bb3c279b1f17fc4.png)](https://theme-creator.discourse.org/theme/frold/miss_piggy_theme_by_frold)

**Heaven and earth theme by frold**  
[![08](https://global.discourse-cdn.com/meta/original/3X/9/9/998023290b471aa80d5a4383eaf41f968a2bd331.png)](https://theme-creator.discourse.org/theme/frold/heaven_and_earth_theme_by_frold)

**Blue is the sky limit theme by frold**  
[![44](https://global.discourse-cdn.com/meta/original/3X/e/b/ebac923a55265e1bb267a03f8d416c83cd5c7b87.png)](https://theme-creator.discourse.org/theme/frold/blue_is_the_sky_limit_theme_by_frold)

Have fun 😃 - this was what my limited skills could come up with - but had fun while trying…

---

<div class="post-metadata">

### Author: ![Nichalas\_Petranek](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nichalas_petranek/32/92404_2.png) [@Nichalas\_Petranek](https://meta.discourse.org/u/Nichalas_Petranek)
#### Post date: [12 يونيو 2018، 2:55م UTC](https://meta.discourse.org/t/color-scheme-contest-with-prizes/89432/12 "2018-06-12T14:55:33Z")

</div>

I present to you all:

**Skye**

[https://theme-creator.discourse.org/theme/Nichalas\_Petranek/skye](https://theme-creator.discourse.org/theme/Nichalas_Petranek/skye)

---

<div class="post-metadata">

### Author: ![metakermit](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/metakermit/32/119609_2.png) [@metakermit](https://meta.discourse.org/u/metakermit)
#### Post date: [13 يونيو 2018، 2:45م UTC](https://meta.discourse.org/t/color-scheme-contest-with-prizes/89432/13 "2018-06-13T14:45:53Z")

</div>

If this is useful to anyone in the context of this competition, I’ve put together a Discourse design template for Sketch:

> [@Discourse Sketch template](https://meta.discourse.org/t/discourse-sketch-template/44558/3):
>
> Hey, just to let anyone who’s interested know – I made this default theme template in Sketch after all since I need it for my own design customisation. Feel free to reuse it – I uploaded the files to GitHub: [https://github.com/balkanio/discourse-sketch](https://github.com/balkanio/discourse-sketch) So far it’s only the topic list screen on desktop and mobile views, but I think that this gives you a good starter for experimenting with your own theme. Later on it would be nice to also have a topic view too. I also created [a screencast](https://forum.balkan.io/t/twitch-tv-screencastanje/106/4?u=metakermit) while…

(using this you can quickly iterate on colours etc.)

---

<div class="post-metadata">

### Author: ![Denis\_Heraud](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denis_heraud/32/119623_2.png) [@Denis\_Heraud](https://meta.discourse.org/u/Denis_Heraud)
#### Post date: [14 يونيو 2018، 2:32م UTC](https://meta.discourse.org/t/color-scheme-contest-with-prizes/89432/14 "2018-06-14T14:32:29Z")

</div>

Why are some of the font colors set automatically? Like on the main page they seem to be different shades of the background color, which is a weird choice as that makes a lot of the text really hard to read. Why aren’t we able to set these values through the theming interface? Must they be overridden in CSS?

 ![Capture3](https://global.discourse-cdn.com/meta/original/3X/6/f/6fb1ca0dfc873ae094b855c130b9272b5bced6db.PNG)

---

<div class="post-metadata">

### Author: ![mikechristopher](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mikechristopher/32/89135_2.png) [@mikechristopher](https://meta.discourse.org/u/mikechristopher)
#### Post date: [14 يونيو 2018، 3:46م UTC](https://meta.discourse.org/t/color-scheme-contest-with-prizes/89432/15 "2018-06-14T15:46:25Z")

</div>

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.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [15 يونيو 2018، 12:55ص UTC](https://meta.discourse.org/t/color-scheme-contest-with-prizes/89432/16 "2018-06-15T00:55:48Z")

</div>

This is fair feedback, I think @awesomerobot may be able to help with guidance here.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [15 يونيو 2018، 1:32ص UTC](https://meta.discourse.org/t/color-scheme-contest-with-prizes/89432/17 "2018-06-15T01:32:14Z")

</div>

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:

![00%20PM](https://global.discourse-cdn.com/meta/original/3X/9/e/9ed617513d3dc76964d8d4c0206db2b4e6c1c12a.png)

but when it’s lightened 50% in SASS it looks like this:

 ![29%20PM](https://global.discourse-cdn.com/meta/original/3X/5/2/52aac68afa740fb052471c1f883d12aeeb397186.png)

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](https://theme-creator.discourse.org/theme/awesomerobot/apricot)

I made the primary text color a black from brown, so when lightened it looks brown

 ![22%20PM](https://global.discourse-cdn.com/meta/original/3X/e/0/e0de9b0e30c8b19513988759cdce93ff58c16e3c.png)

 ![43%20PM](https://global.discourse-cdn.com/meta/original/3X/c/6/c6bbeb3d1f21be63cb93089d52273803eb67168e.png)

> [@mikechristopher](#):
>
> 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.

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.

---

<div class="post-metadata">

### Author: ![Cortrah](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cortrah/32/51486_2.png) [@Cortrah](https://meta.discourse.org/u/Cortrah)
#### Post date: [15 يونيو 2018، 1:48ص UTC](https://meta.discourse.org/t/color-scheme-contest-with-prizes/89432/18 "2018-06-15T01:48:23Z")

</div>

Hey folk,

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.

 ![discourse_outline](https://global.discourse-cdn.com/meta/original/3X/c/b/cb0c4da911a30cd6034893ae8d683441fe74f244.png)

---

<div class="post-metadata">

### Author: ![Cortrah](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cortrah/32/51486_2.png) [@Cortrah](https://meta.discourse.org/u/Cortrah)
#### Post date: [15 يونيو 2018، 1:53ص UTC](https://meta.discourse.org/t/color-scheme-contest-with-prizes/89432/19 "2018-06-15T01:53:24Z")

</div>

kris I like the apricot theme, very clever.

---

<div class="post-metadata">

### Author: ![Cortrah](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cortrah/32/51486_2.png) [@Cortrah](https://meta.discourse.org/u/Cortrah)
#### Post date: [15 يونيو 2018، 1:56ص UTC](https://meta.discourse.org/t/color-scheme-contest-with-prizes/89432/20 "2018-06-15T01:56:26Z")

</div>

Thanks Dražen! We definitely need these sorts of higher level templates to iterate on.

[Next page](https://meta.discourse.org/t/color-scheme-contest-with-prizes/89432.md?page=2)
