Theme JSON
Intended audience: ADMINISTRATORS DEVELOPERS
AO Platform: 3.5
Overview
This topic describes the possible style configurations for a Theme using the required JSON format.
CSS Custom properties (sometimes referred to as CSS variables or cascading variables) are entities defined by CSS authors that contain specific values to be reused throughout a document. They are set using custom property notation (e.g., --main-color: black;) and are accessed using the var() function (e.g., color: var(--main-color);).
Primary variables indicate branding color, Blue is our primary color across the application.
Secondary variable indicates the second most used branding color, we consider Teal is our secondary color.
Accent color indicates a different color used across the application other than primary, secondary.
variableName 900, 700, 600, 500, 300, 50 represents different shades of that variable from darker shade to lighter shade, where 500 is the baseline color and 50 being very light and 900 is darkest shade.
Success variables represent green shade of colors which will be used in success confirmations.
Error, danger variables represent invalid, error alerts.
See specific details for different CSS categories of Variables in the following topics: