> ## Documentation Index
> Fetch the complete documentation index at: /docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Color mode

> Set the color mode of hosted Connect per session.

Hosted Connect renders in light or dark mode, set per session and applied to every screen.

![Tariff summary in light mode, left, and dark mode, right](https://mintcdn.com/flatpeak-d495c19e/2B6nWUU4-c2pSD3E/images/busbar/connect/color-modes.png?fit=max\&auto=format\&n=2B6nWUU4-c2pSD3E\&q=85\&s=fc8439c20ee0fcd8f500ceafec351c8f)

## Set the mode

Pass `ui` when you [start the session](/docs/energy-api/reference/connect/tariff/start-session.md):

| Value | Result |
| :- | :- |
| `LIGHT` | Light mode. The default when `ui` is omitted. |
| `DARK` | Dark mode. |

Connect does not read the device's appearance setting, so pass the mode your app shows when the session starts. If the user changes appearance mid-session, the session finishes in the mode it started in.

`ui` applies to the hosted WebView only, so omit it when you build your own UI.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.