> For the complete documentation index, see [llms.txt](https://help.transform.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.transform.ai/getting-started/appearance-settings.md).

# Appearance Settings

### Overview

Appearance settings control the theme used in the UI. Themes improve readability across different lighting conditions.

### Key Concepts

* **Theme**: Light or Dark UI palette
* **System default**: follows the operating system theme (if enabled)

### How It’s Used

Use these settings during onboarding. Use them before screen sharing or training sessions.

### Benefits

* Reduced eye strain in low-light conditions
* Improved readability during screen sharing
* Consistent UI across devices (when supported)

### Setup Steps

{% columns %}
{% column %}
**What can be changed**

* Theme: **Light** or **Dark**
* **System default** (if enabled)
  {% endcolumn %}

{% column %}
**Why it matters**

* Reduce eye strain in low-light settings
* Improve readability during screen sharing
* Keep a consistent experience across devices
  {% endcolumn %}
  {% endcolumns %}

{% hint style="info" %}
Screenshot placeholder: **Appearance** settings panel with the theme selector.
{% endhint %}

#### Open appearance settings

{% stepper %}
{% step %}

### Open Settings

Open the avatar menu in the top navigation. Select **Settings**.

{% hint style="info" %}
Screenshot placeholder: avatar menu with **Settings** highlighted.
{% endhint %}
{% endstep %}

{% step %}

### Go to Appearance

Open the **Appearance** tab.
{% endstep %}
{% endstepper %}

#### Choose a theme

Changes apply immediately.

{% hint style="info" %}
GIF placeholder: switching from **Light** → **Dark** and back.
{% endhint %}

#### Light mode

Use Light mode in bright environments.

* High contrast text on light backgrounds
* Best for presentations and screen sharing

{% hint style="info" %}
Screenshot placeholder: main Transform UI in **Light** mode.
{% endhint %}

#### Dark mode

Use Dark mode in low-light environments.

* Lower glare on dark backgrounds
* Often more comfortable for long sessions

{% hint style="info" %}
Screenshot placeholder: main Transform UI in **Dark** mode.
{% endhint %}

#### System default (if available)

If enabled, **System default** follows the operating system theme.

* Matches macOS/Windows light or dark mode
* Switches automatically when the operating system switches

{% hint style="info" %}
Screenshot placeholder: theme dropdown showing **System default**.
{% endhint %}

### Best Practices

{% hint style="info" %}

* Use **Light** theme when screen sharing in bright rooms.
* Use **Dark** theme for long sessions in dim lighting.
* If UI spacing appears incorrect, reset browser zoom to 100%.
  {% endhint %}

#### Troubleshooting

<details>

<summary>Appearance tab is not available</summary>

Some Accounts hide some user settings.

Ask an Account Admin to confirm the feature is enabled for the Account.

</details>

<details>

<summary>Theme keeps switching unexpectedly</summary>

**System default** may be enabled.

Switch the theme to **Light** or **Dark** to lock it.

</details>

### Summary

Appearance Settings control UI theme selection for a Teammate profile.

Changes apply immediately and affect UI readability.

Related:

* [Profile Configuration](/getting-started/profile-configuration.md)
* [Language Preferences](/getting-started/language-preferences.md)
* [Notification Settings](/collaboration-and-automation/notification-settings.md)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://help.transform.ai/getting-started/appearance-settings.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.