mirror of
https://github.com/bitwarden/help
synced 2025-12-06 00:03:30 +00:00
88 lines
3.1 KiB
Markdown
88 lines
3.1 KiB
Markdown
---
|
|
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** → **Settings**) (on macOS, **Bitwarden** → 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>
|