coding help
Work In Progress
This page is a work in progress.

Var-colors are custom properties that allow you to define and use CSS values in a consistent way throughout your website. They are also known as CSS variables or custom CSS properties. Fandom uses var-colors to set the theme colors for different elements of the wiki, such as the header, the page background, the links, and the buttons.

To use var-colors on Fandom, you need to prefix them with --theme- and enclose them in parentheses, like this: var(--theme-color-name). For example, var(--theme-body-background-color) is the background color of the body element to the theme color chosen by the wiki administrator. You can use these just like hex codes in div tags, like setting color: or background-color: to them. E.g: 

<div style="color: var(--theme-accent-color)">content to be styled here.</div>


Here is a list of some common var-colors on Fandom and their descriptions: