Lylat Wiki:Color Scheme

Shortcuts: LW:Color, LW:Colors

For ease of identification, or just for the fun of it, each Area of the Wiki is color-coded and then each template, table, div, etc. related to that area is colored in a similar manner (some exceptions apply). And we aren't just talking about the background or border. These are:

color border

For the border

color 1

for the background color for the table data cells.

color 2

For the general background color and for the table header cells.

Example

As an example, take a look at the following text:

<div style="{{Character color 2}}">
Text above table. [[Link]]. [[Fox McCloud|Fox]].
{| style="{{Character color border}}"
|-
! style="{{Character color 2}}" | table header cell
! style="{{Character color 2}}" | text
! style="{{Character color 2}}" | [[Fox McCloud|Fox]]
! style="{{Character color 2}}" | table header cell
! style="{{Character color 2}}" | text
! style="{{Character color 2}}" | [[link]]
|-
| style="{{Character color 1}}" | table header cell
| style="{{Character color 1}}" | text
| style="{{Character color 1}}" | [[Fox McCloud|Fox]]
| style="{{Character color 1}}" | table header cell
| style="{{Character color 1}}" | text
| style="{{Character color 1}}" | [[link]]

|-
|}
Text below table
</div>

comes out as

Text above table. Link. Fox.

table header cell	text	link	table header cell	text	link
table header cell	text	link	table header cell	text	link

Text bellow table

In the example, the div is stylized by {{Character color 2}}, giving the div a blue background color. The table is affected by {{Character color border}}, giving it a light-green border. But notice, it no longer has the green background of the div. This is important to take notice, even if it is as a reminder to yourself and nothing more, as when you are designing a table with this in mind, you may over look this fact.

Next, notice the top row and bottom row are different colors. This is because the top row (the header cells) is affected by {{Character color 2}} and the bottom row (the data cells) is affected by {{Character color 1}}.

Now, each template doesn't have to be used in the manner that is specified here. You can make {{Character color 2}} be a header-color instead, as is done here, and keep the background white. But it is recommended you do that with higher-order templates, like {{enemies}} and {{stages}}.

to help with the link colors, it is also useful to throw on a matching color code through the div's or table's css class. Unlike the style="" attriblute, once a css class="" is applied to one tag; it affects everything within it. So with the example above,

<div class="color4" style="{{Character color 2}}">
Text above table. [[Link]]. [[Fox McCloud|Fox]].
{| style="{{Character color border}}"
|-
! style="{{Character color 2}}" | table header cell
! style="{{Character color 2}}" | text
! style="{{Character color 2}}" | [[Fox McCloud|Fox]]
! style="{{Character color 2}}" | table header cell
! style="{{Character color 2}}" | text
! style="{{Character color 2}}" | [[link]]
|-
| style="{{Character color 1}}" | table header cell
| style="{{Character color 1}}" | text
| style="{{Character color 1}}" | [[Fox McCloud|Fox]]
| style="{{Character color 1}}" | table header cell
| style="{{Character color 1}}" | text
| style="{{Character color 1}}" | [[link]]
|-
|}
Text bellow table
</div>

comes out as

Text above table. Link. Fox.

table header cell	text	[[Fox McCloud|Fox]	table header cell	text	link
table header cell	text	[[Fox McCloud|Fox]	table header cell	text	link

Text bellow table

Usage

Here are the specific templates and color codes available for you to choose.

Color templates

Main article: Lylat Wiki:Templates#Color templates

CSS color-codes

Color#1	Link	Text	Link
Color#2	Link	Text	Link
Color#3	Link	Text	Link
Color#4	Link	Text	Link
Color#5	Link	Text	Link
Color#6	Link	Text	Link
Color#7	Link	Text	Link
Color#8	Link	Text	Link
Color#9	Link	Text	Link
Color#10	Link	Text	Link
Color#11	Link	Text	Link
Color#12	Link	Text	Link
Color#13	Link	Text	Link
Color#14	Link	Text	Link
Color#15	Link	Text	Link
Color#16	Link	Text	Link
Color#17	Link	Text	Link
Color#18	Link	Text	Link
Color#19	Link	Text	Link
Color#20	Link	Text	Link
Color#21	Link	Text	Link
Color#22	Link	Text	Link
Color#23	Link	Text	Link
Color#24	Link	Text	Link
Color#25	Link	Text	Link
Color#26	Link	Text	Link
Color#27	Link	Text	Link
Color#28	Link	Text	Link
Color#29	Link	Text	Link
Color#30	Link	Text	Link
Color#31	Link	Text	Link
Color#32	Link	Text	Link
Color#33	Link	Text	Link
Color#34	Link	Text	Link
Color#35	Link	Text	Link
Color#36	Link	Text	Link
Color#37	Link	Text	Link
Color#38	Link	Text	Link
Color#39	Link	Text	Link
Color#40	Link	Text	Link
Color#41	Link	Text	Link
Color#42	Link	Text	Link
Color#43	Link	Text	Link
Color#44	Link	Text	Link
Color#45	Link	Text	Link
Color#46	Link	Text	Link
Color#47	Link	Text	Link
Color#48	Link	Text	Link
Color#49	Link	Text	Link
Color#50	Link	Text	Link
Color#51	Link	Text	Link
Color#52	Link	Text	Link
Color#53	Link	Text	Link
Color#54	Link	Text	Link
Color#55	Link	Text	Link
Color#56	Link	Text	Link
Color#57	Link	Text	Link
Color#58	Link	Text	Link
Color#59	Link	Text	Link
Color#60	Link	Text	Link
Color#61	Link	Text	Link
Color#62	Link	Text	Link
Color#63	Link	Text	Link
Color#64	Link	Text	Link
Color#65	Link	Text	Link
Color#66	Link	Text	Link
Color#67	Link	Text	Link
Color#68	Link	Text	Link
Color#68	Link	Text	Link
Color#69	Link	Text	Link
Color#70	Link	Text	Link
Color#71	Link	Text	Link
Color#72	Link	Text	Link
Color#73	Link	Text	Link
Color#72	Link	Text	Link
Color#75	Link	Text	Link
Color#76	Link	Text	Link
Color#77	Link	Text	Link
Color#78	Link	Text	Link
Color#79	Link	Text	Link
Color#80	Link	Text	Link
Color#72	Link	Text	Link
Color#82	Link	Text	Link
Color#83	Link	Text	Link
Color#84	Link	Text	Link
Color#85	Link	Text	Link
Color#86	Link	Text	Link
Color#87	Link	Text	Link
Color#88	Link	Text	Link
Color#89	Link	Text	Link
Color#90	Link	Text	Link
Color#91	Link	Text	Link
Color#92	Link	Text	Link
Color#93	Link	Text	Link