---
layout: article
title: Change App Theme
categories: [miscellaneous]
featured: true
popular: false
tags: []
description: "Learn how to change the theme of you Bitwarden client applications."
---

The Bitwarden Web Vault, Browser Extensions, Desktop Apps, and Mobile apps come packed with stylish themes:

<ul class="nav nav-tabs" id="myTab" role="tablist">
  <li class="nav-item" role="presentation">
    <a class="nav-link active" id="wvtab" data-target="#webvault" role="tab" aria-controls="webvault" aria-selected="false">Web Vault</a>
  </li>
  <li class="nav-item" role="presentation">
    <a class="nav-link" id="betab" data-target="#browserextension" role="tab" aria-controls="browserextension" aria-selected="false">Browser Extension</a>
  </li>
  <li class="nav-item" role="presentation">
    <a class="nav-link" id="desktab" data-target="#desktop" role="tab" aria-controls="desktop" aria-selected="false">Desktop</a>
  </li>
  <li class="nav-item" role="presentation">
    <a class="nav-link" id="mobtab" data-target="#mobile" role="tab" aria-controls="mobile" aria-selected="false">Mobile</a>
  </li>
</ul>
<div class="tab-content" id="clientsContent">
  <div class="tab-pane show active" id="webvault" role="tabpanel" aria-labelledby="wvtab">
{% capture web_vault %}
#### Web Vault

To change the theme of your Web Vault:

1. Select **Settings** from the navigation.
2. From the left-hand Settings menu, select **Options**.
3. From the **Theme** dropdown, select your favorite theme!

   {% image features/theme-webvault.png Change Theme %}

{% endcapture %}
{{ web_vault | markdownify}}
  </div>
  <div class="tab-pane" id="browserextension" role="tabpanel" aria-labelledby="betab">
{% capture browser_extension %}
#### Browser Extension

To change the theme of your Browser Extension:

1. Open the Browser Extension's {% icon fa-cogs %} **Settings** tab.
2. Scroll to the **Other** section and select **Options**.
3. Scroll to the **Display** section and use the **Theme** dropdown to select your favorite theme!

   {% image features/theme-browserext.png Change Theme %}

{% endcapture %}
{{ browser_extension | markdownify}}
  </div>
  <div class="tab-pane" id="desktop" role="tabpanel" aria-labelledby="desktab">
{% capture desktop_info %}
#### Desktop App

To change the theme of your Desktop App:

1. Open the Desktop App's **Preferences** panel (on Windows, **File** &rarr; **Settings**) (on macOS, **Bitwarden** &rarr; Preferences).
2. Scroll to the **Options** section and use the **Theme** dropdown to select your favorite theme!

   {% image features/theme-desktop.png Change Theme %}

{% endcapture %}
{{ desktop_info | markdownify}}
  </div>
  <div class="tab-pane" id="mobile" role="tabpanel" aria-labelledby="mobtab">
{% capture mobile_info %}
### Mobile App

To change the theme of your Mobile App:

1. Open the Mobile App's {% icon fa-cogs %} **Settings** tab.
2. Scroll to the **Other** section and select **Options**.
3. Tap the **Theme** option to select your favorite theme!

   {% image features/theme-mobile.jpeg Change Theme %}

{% endcapture %}
{{ mobile_info | markdownify}}
  </div>
</div>