# Themes

> Part of mCSS (mcss.dev). Rendered page: https://mcss.dev/docs/themes

<Notice type="warning" title="Work in progress" class="mt-lg1">
  This feature is still in beta and the implementation details are likely to
  change during the development of mCSS components. However, if you use the mCSS
  framework to build your own components, it is recommended to use a theme as a
  token abstraction layer.
</Notice>

## Default theme

<div class="docs_oversizedTable">

| File name                    | Source               |
| ---------------------------- | -------------------- |
| `settings.theme.default.css` | [Github][srcDefault] |

</div>

[srcDefault]: https://github.com/minimaldesign/mCSS/blob/main/src/styles/framework/settings.theme.default.css

Themes offer an additional layer of abstraction for [tokens](/docs/tokens). Theme tokens only ever take another token for value and are useful to standardize UI elements in logical groups. For example, you can have a `--light-border-color` with a value of `--base-100`. This allows you to create tokens with meaning and context which makes them more intuitive to use.