Taiga UI uses CSS custom properties for many of its visual aspects. You can see colors for the full list of color variables.
Besides colors there are also following variables that can be adjusted at any level of DOM structure:
- — amount of transparency for disabled elements
- — font for headings
- — font for text
- — large elements height (i.e. inputs, buttons)
- — default elements height (i.e. inputs, buttons)
- — small elements height (i.e. small inputs)
- — smallest elements height (i.e. small button, badges)
- — padding for inputs with size "l"
- — padding for inputs with size "m"
- — padding for inputs with size "s"
- — border radius for containers (i.e. island, accordion)
- — default border radius
- — border radius for small elements (i.e. tags)
- — border radius for smallest items (i.e. small checkbox)