# Dark mode

> For the complete documentation index, see [llms.txt](/llms.txt)

> The feedback widget automatically switches to dark mode when your site uses a dark theme. You can also enable it manually.

The feedback widget automatically switches to dark mode when your site uses a dark theme. You can also enable it manually.

## How to enable the dark mode

To activate dark mode, add a `data-theme` attribute to your site's `<html>` tag.

```html
<html data-theme="dark">
<!-- Your existing HTML content -->
</html>
```

 This change signals PushFeedback to switch to its dark theme.

## Example

![Feedback widget in dark mode](./images/dark-mode.png)

<iframe height="700" style={{width: '100%'}} scrolling="no" title="Untitled" src="https://codepen.io/David-Garcia-the-bashful/embed/NWoBZvZ?default-tab=html%2Cresult" frameBorder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
  See the Pen 
  Untitled by David Garcia (@David-Garcia-the-bashful)
  on CodePen.
</iframe>
