Kolibri comes with its default set of colors, shadows, fonts, and other style elements that make up its design system (see figma). Any application that uses Kolibri can of course selectively override or totally ignore the default style.
The style is available in two ways: via CSS - see colors-overview.html, which refers to kolibri-base.css and kolibri-colors.css - or by using the style API as provided by the style module . Sometimes, you might even want to combine both approaches, like the live test report does.
The list below serves as an overview and also allows checking visually whether both approaches lead to the same result.