COLORS

On first page of this essay I showed few rows from table below. Bare with me as I am Tryker and Marauder... I will concentrate on that combination ;-)

Template	1/8	2/7	3/6	4/5	5/4	6/3	7/2	8/1
Ryzom	dn-Ryzom	dn-Ryzom	dn-Ryzom	dn-Ryzom	dn-Ryzom	dn-Ryzom	dn-Ryzom	dn-Ryzom
Tryker	dn-Tryker	dn-Tryker	dn-Tryker	dn-Tryker	dn-Tryker	dn-Tryker	dn-Tryker	dn-Tryker
Marauder	dn-Marauder	dn-Marauder	dn-Marauder	dn-Marauder	dn-Marauder	dn-Marauder	dn-Marauder	dn-Marauder

If we would to agree with many CSS designers on internet we should need only five colors to create modern clean layout. By no means I will defend that statement nor I will try to dismiss its value, I am proposing here things to open discussion... BUT, if we would consider CSS designers idea we should, or at least try, to restrict amount of colors used. That's why I posted this contraption:

dn-RT1

dn-RT2

dn-RT3

dn-RT4

dn-RT5

dn-RT6

dn-RT7

dn-MR3

before I go any further, I would like to share idea behind this model.

Try to not see 'dn-' part at all the time. I use it to easly identify 'my' code in this development stage.

Lets have a look at bit of CSS (this one should look familiar ;) ):

 <div style="
 border:1px solid #{{ColorAtys|group={{{palette}}}}};
 background: #{{ColorAtys|type=bg|group={{{palette}}}}};
 background: linear-gradient(to right, #{{ColorAtys|type=bg|group={{{palette}}}}}, #{{ColorAtys|type=light|group={{{palette}}}}});
 border: thin solid #{{ColorAtys|type=bg|group={{{palette}}}}};
 border-bottom: thin outset #{{ColorAtys|type=dark|group={{{palette}}}}};
 color: #{{ColorAtys|type=fg|group={{{palette}}}}};
 ">

Lets start disecting:

Dynamic colors

I am not gonna explain how colors are chosen to form a pallet for css layout, plenty of resources out there there... What I will like to do is analize bit of code from above:

---

<- BACK

NEXT ->