<commit_before># Color Themes
![Color Themes](../../etc/palette.png)

The **color-themes** component demonstrates how you can create your own themes of [material design colors](https://www.google.com/design/spec/style/color.html).<commit_msg>docs(color-themes): Started to write documentation for color-themes component<commit_after># Color Themes
![Color Themes](../../etc/palette.png)

The **color-themes** component demonstrates how you can create your own themes of [material design colors](https://www.google.com/design/spec/style/color.html).

## Introduction
MDL provides only one color theme. Many web designs require more than one theme, e.g. a dark theme and a light theme.

### To include a MDLEXT color themes component:

#### Examples

## Configuration options


{'fraction_non_alphanumeric': 0.12387096774193548, 'fraction_numerical': 0.0, 'mean_word_length': 4.7481481481481485, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 2, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1974701', 'n_tokens_mistral': 214, 'n_tokens_neox': 206, 'n_words': 79}