# Light Mode/Dark Mode
Our component library supports **Dark Mode** and **Light Mode** Layouts with **Light Mode** as the default Option, but the handling should be implemented **on your side** as a developer. To enable Dark Mode, you need to **set the `data-theme="dark"` attribute** on the `` or relevant container element programmatically in your project.
{% tabs %}
{% tab title="Vanilla Js" %}
```jsx
```
{% endtab %}
{% tab title="React" %}
```jsx
```
{% endtab %}
{% tab title="Vue" %}
```jsx
```
{% endtab %}
{% tab title="Angular" %}
```jsx
```
{% endtab %}
{% endtabs %}