User blog comment:Taritsukii/How does the color code system work on the Free!Wiki?/@comment-27002267-20190420110637/@comment-27002267-20190421112654

Sorry for the delay!

So let's take a look at the coding in the Character Color template, which is as follows: The #switch function basically substitutes the input value with the result of a connected string, so if  is inputted in the place of a color hex code, it would be substituted with #199AFE because "Haruka" is the input value and "#199AFE" is the result of the string. Therefore, [Text] would automatically result in [Text], hence setting the color of the text to #199AFE, which will save you the trouble of having to remember the 6 digit hex code.

Default=#50C5D6 sets the default color when is used to #50C5D6, if no matching strings are resulted or no input is provided.

So to make your own color template, you simply have to copy and paste the above code and replace the character names and hex codes with the desired names and their respective colors. For more information on using parser functions, you can take a look at this page.

The tabber color coding on the Wikia.css page applies to the tabber used in the History sections of the Character pages, so I don't think it is relevant to your question, but if you're interested in tabber design, I can give you a brief overview. The following code is for styling the "harukatabber". .harukatabber ul.tabbernav li a{         background: #199AFE; } sets the color of the tabs to #199AFE. .harukatabber ul.tabbernav li a:hover { background: #e0f3f9 !important; } sets the color of the tabs when being hovered to #e0f3f9. .harukatabber ul.tabbernav li.tabberactive a { background: #e0f3f9 !important; } sets the color of the active/current tab to #e0f3f9. .harukatabber ul.tabbernav li.tabberactive a:hover { background: #e0f3f9 !important; } sets the color of the active/current tab when being hovered to #e0f3f9.

I hope my explanations were understandable and can help you create your own color template or design a tabber. I sincerely apologise if they weren't helpful, I'm happy to try to explain in simpler terms if it was too confusing.