<commit_before># Themes

<component-status cx-design="partial" ux="rc"></component-status>

oui-themes is a package which provides already built themes that be used for different scenarios.

## Installation

```less
@import 'oui-themes/themes';
```

## Usage

### Sapphire

This theme is intended to be mainly used by the OVH Manager.

```html:preview
<div class="oui-theme-sapphire">
  <h1 class="oui-header_1">Lorem ipsum dolor sit amet</h1>
  <p>
    Aliquam tincidunt nisi id urna tincidunt mattis. Quisque a enim ipsum. Vestibulum in elit iaculis risus rutrum cursus ut id lorem. Aliquam id sem fringilla, aliquet risus vitae, placerat nisl. Aenean laoreet euismod ornare. Phasellus dolor leo, egestas nec ornare eget, volutpat vel metus. Pellentesque elementum quam sit amet velit porta, id maximus tellus pellentesque. Curabitur at massa at velit bibendum elementum. Donec eget elementum diam. Cras et turpis non urna elementum mattis quis vitae nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras aliquet eu purus ac tincidunt.
  </p>
</div>
```

### Diamond
<commit_msg>refactor(readme): rename manager to control panel<commit_after># Themes

<component-status cx-design="partial" ux="rc"></component-status>

oui-themes is a package which provides already built themes that be used for different scenarios.

## Installation

```less
@import 'oui-themes/themes';
```

## Usage

### Sapphire

This theme is intended to be mainly used by the OVH Control Panel.

```html:preview
<div class="oui-theme-sapphire">
  <h1 class="oui-header_1">Lorem ipsum dolor sit amet</h1>
  <p>
    Aliquam tincidunt nisi id urna tincidunt mattis. Quisque a enim ipsum. Vestibulum in elit iaculis risus rutrum cursus ut id lorem. Aliquam id sem fringilla, aliquet risus vitae, placerat nisl. Aenean laoreet euismod ornare. Phasellus dolor leo, egestas nec ornare eget, volutpat vel metus. Pellentesque elementum quam sit amet velit porta, id maximus tellus pellentesque. Curabitur at massa at velit bibendum elementum. Donec eget elementum diam. Cras et turpis non urna elementum mattis quis vitae nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras aliquet eu purus ac tincidunt.
  </p>
</div>
```

### Diamond

{'fraction_non_alphanumeric': 0.08378136200716846, 'fraction_numerical': 0.002688172043010753, 'mean_word_length': 4.681933842239186, 'pattern_counts': {'":': 0, '<': 19, '<?xml version=': 0, '>': 19, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5691440', 'n_tokens_mistral': 821, 'n_tokens_neox': 779, 'n_words': 288}