Explanation

A style variable represents a value shared across all of XWiki's style sheets. These values are meant to be used instead of hard-coding them in stylesheets. Our CSS codestyle makes the use of these variables mandatory in XWiki Standard development. It's recommended to rely on those for your own custom developments too.

They provide some level of consistency in the UI:

• It will be harder for customizations to get unexpected results.
• XWiki can provide colors that work well together by default. Among other things, it can help make sure all your components respect some minimum contrast.
• It's custom UIs using these colors will be compatible with any color theme.

Style variables are provided by the skin you are using. For XWiki Standard, this skin is Flamingo. All documentation in here will describe specifically the style variables provided by Flamingo.

Currently, the Flamingo Skin supports three kinds of style variables. They are (ranging from the oldest to the newest):

• The Colibri colorTheme variables
• The LESS variables (Flamingo colorTheme + design system inherited from bootstrap + Misc additions from the Flamingo skin)
• XWiki 17.3.0+ The CSS properties

All of these variables are supposed to be used in .css files, .less files and their respective StyleSheet Extensions's contents.

More

To find more about the current topic, you can search or use the table below and filter the columns to narrow your choices.