Appearance and keyboard

The web UI has a dark and a light theme, a text size you can change, a status dot that tells you whether the relay answers, and a layout that switches between a docked sidebar and a drawer. All of it is kept in your browser, so each device has its own look. This page also lists the keyboard shortcuts.

Theme #

Open Settings → General and pick Dark or Light under Theme. Dark is the default. The choice is saved in the browser you use: another browser or device keeps its own. There is no option to follow the system setting.

The installed app follows the theme too. In Light the app icon, the browser tab icon and the logo in the UI switch to the light set, and the app's launch background and toolbar color turn white.

The ⋯ menu has the same switch as one entry, ☀️ Day mode or 🌙 Night mode, named after the mode you switch to. Added in 0.9.11 It is there whenever you are signed in, with or without a conversation open. In the shared read-only view, which has no Settings, it is the menu's only entry.

Text size #

Text scaling under Settings → General scales all text in the UI, including the transcript. It offers 50% to 150% in steps of 10%. The default is 100%.

Two gestures set it as well, in the same 50% to 150% range:

• Hold Ctrl (or Cmd on a Mac) and turn the mouse wheel. A slow turn moves the size by 1%, a fast spin by more.
• Pinch with two fingers on a touch screen.

A small badge with the percentage shows while you do it. After a gesture the select shows the in-between value, such as 73%. Both gestures are ignored over a picture in the file viewer, where they zoom the picture. The value is saved per browser. While you change it, the message you were reading stays in place.

The relay status dot #

The dot sits at the top of the conversation list, with the text CLI online or CLI offline next to it. Hover it for a tooltip. On a phone the list is a drawer that is usually closed, so the bars of the ☰ button take the same color.

When the CLI is online, the tooltip ends with how many session workers are processing, degraded or waiting on a question, in that order of priority: for example 2 session workers processing. The CLI-offline tooltips in the table keep the dot's color, so the dot is amber when the tunnel is connected.

Layout #

Desktop #

The conversation list is docked at the left. The ☰ button (Toggle conversations sidebar) collapses and opens it, and the browser remembers which. Drag the divider between the list and the chat to resize it, from 10% to 50% of the window width. The width is remembered separately for portrait and landscape windows.

Phone #

At 680 pixels of window width or less the list becomes a drawer over the chat, taking 92% of the width. ☰ opens it, and a tap on the dimmed area outside it closes it. The text size follows the screen width within a fixed range, and your Text scaling multiplies it.

Differences below 680 pixels:

• The on-screen Enter key adds a line. You send with the Send button.
• After a send, the composer lets go of the keyboard. On a wider screen it keeps the focus.

In landscape on a phone (a touch screen with a screen height of 500 pixels or less) the text size is based on the screen's short side, so the on-screen keyboard does not shrink the text.

Keyboard #

On a Mac, Cmd takes the place of Ctrl. Nothing here can be rebound.

Details of the composer keys are on The composer. For the question cards see Question cards, and for the search The transcript.

Language #

The web UI is in English. It has no language setting.