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:

So we have now:

and values are:



<- BACK
NEXT ->


Retrieved from "https://en.wiki.ryzom.com/w/index.php?title=Dn-css-4&oldid=42799"