# Contents

- Definitions of theme foundations (design tokens)
- Compiled definitions of individual component themes
- Theme typing

# Description

This folder includes default theme definition, composed of multiple files. Theme foundations are all the high-level design tokens, such as colors, spaces, fonts or breakpoints (screens). In addition, default theme includes the theme definition of each component under the 'components' key in the theme object.

Also includes typing for the default theme and each foundation. Styled Components' Default Theme is augmented with our own VuiTheme. In addition, our theme can be extended by augmenting VuiThemeExtensions interface. See theme section on the [VUI website](https://ui.veracity.com/theme) for more information.
