> ## Documentation Index
> Fetch the complete documentation index at: https://docs.molin.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Dark mode customization

> Learn how to enable and customize dark mode for your Molin AI chatbot.

The dark mode feature allows you to provide a sleek, modern appearance for your Molin AI chatbot that's easier on users' eyes, especially in low-light environments. When enabled, your chatbot and popups automatically switch to a dark design.

<Note>Dark mode is available for all plan types and works seamlessly across desktop and mobile devices.</Note>

## Enable dark mode

### Step 1: Access your widget settings

1. Log in to your [Molin AI dashboard](https://molin.ai/app)
2. Navigate to your chatbot's **Design** settings
3. Scroll to the **Appearance** section

### Step 2: Toggle dark mode

1. Find the **Dark mode** toggle switch
2. Click to enable dark mode for your chatbot
3. Save your changes

![Dark mode toggle in dashboard settings](https://imagedelivery.net/JWssb2diw2B-JHR2ojV3Ow/996fb37c-3730-4951-45d2-a46bea8e2900/w=800,h=600,fit=scale-down,q=75,dpr=1)

## How it works

When dark mode is enabled, the chatbot and all popup elements automatically switch to a dark design with appropriate styling for low-light environments.

![Dark mode popup examples](https://imagedelivery.net/JWssb2diw2B-JHR2ojV3Ow/68dcfcb5-a0e5-4b56-ac24-2b0ccc414600/w=800,h=600,fit=scale-down,q=75,dpr=1)

## Best practices

### Brand consistency

* Ensure your brand colors maintain sufficient contrast in dark mode
* Test your widget on both light and dark website backgrounds
* Consider your website's overall design when choosing colors