> For the complete documentation index, see [llms.txt](https://docs.famewall.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.famewall.io/testimonial-widget-settings/dark-mode.md).

# How to switch your widget to dark mode and choose a dark card style

Switch your testimonial widget to dark cards with light text for dark websites, and choose between the gradient and plain dark card styles.

If your website has a dark background, light testimonial cards can look out of place. Dark mode gives your widget dark cards with light text.

## Steps

1. Open your wall and click **Testimonial Widget**.
2. Open the **Testimonial Card Customization** panel and find **Dark Mode**.
3. Turn on **Dark Mode**.
4. Click **Dark Mode Card Theme** and pick a style:
   * **Gradient Card Theme**: a black card that fades slightly towards the bottom.
   * **Plain Card Theme**: a solid charcoal card.
5. Click **Save Widget Changes**.

<figure><img src="https://2234661409-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwC4Q7ClSbJAc9WcmAoGA%2Fuploads%2Fgit-blob-d05afcd8def3f9c1dc81264ce25942cc987b98ba%2Fw-dark-mode.png?alt=media" alt="The Dark Mode section of the widget&#x27;s Testimonial Card Customization panel with Dark Mode turned on and dark cards in the preview"><figcaption><p>Dark mode changes the cards and the review banner</p></figcaption></figure>

## What changes

* Card backgrounds turn dark and the text turns light. If you've picked your own **Font Color**, that colour is kept, so check your text is still easy to read.
* The review banner switches to its dark style.
* The background behind your widget stays the same. Change it with **Wall Background** in the **Branding Customization** panel if you need to.

## Good to know

* Turning dark mode on or off resets any custom **Card Color** you picked. Set your card colour again afterwards if you use one.
* If you set a **Card Color** while dark mode is on, your colour is used for the cards and the text stays light. Pick a matching **Font Color** if the text is hard to read.
* The AI Review Summary has its own dark style switch, **Use dark mode styling for AI summary**, in the **Widget Settings** panel.
* Dark mode is available on every plan.
* The Wall of Fame page has separate dark mode settings. See [How to make your Wall of Fame page dark](/wall-of-fame-page-settings/dark-mode.md).

## Related

* [How to change the card colour, font and text size of your widget](/testimonial-widget-settings/card-colours-font-and-text-size.md)