Appearance

The Appearance settings let you customize the Telebugs interface for your account.

To open them, click your avatar in the top-right corner, select your identity block, then select Appearance from the settings sidebar.

Select a tile for Color mode and Width, choose the Font and Text size options you prefer. Each change applies immediately and saves automatically for your account. A spinner beside the changed option shows that it is saving, followed by a green tick when it is saved. Each option has its own feedback, so changing Font or Text size confirms the save beside that control. Options you have not changed stay quiet.

If a save fails, an error and Retry action appear beside the affected option. Your selection stays applied while you retry. Changes made in quick succession are saved in order, and a tick confirms the latest choice for that option.

Color mode and width share a card; font and text size share another. The help icon below the cards opens this page.

Color mode

Controls whether the interface uses light or dark colors without defining a broader visual theme.

• Light

  Uses light mode regardless of your operating system’s preference.

• Dark

  Uses dark mode regardless of your operating system’s preference.

• Auto (default)

  Follows your operating system’s appearance setting and automatically switches between light and dark mode.

Width

Controls the maximum width of the main dashboard and content areas.

• Standard (default)

  Limits the content width for better readability on larger screens. The interface uses comfortable margins on the sides.

• Wide

  Expands the dashboard to use the full available width of the browser window. Ideal if you prefer seeing more information at once (e.g., longer stack traces or wider tables).

Font

Changes the primary font used throughout the entire Telebugs interface. Telebugs uses modern system fonts by default for a clean, native look.

• Default

  Uses the standard system sans-serif font stack (e.g., -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, etc.) for all text in the interface.

• Monospace

  Switches the entire interface to use a monospace font globally (e.g., similar to Consolas, Menlo, or DejaVu Sans Mono). This applies to all UI text, including menus, tables, and dashboards—not just code areas.

Text size

Changes the scale of text and the surrounding interface. Line heights, spacing, and controls scale together so the layout keeps consistent proportions.

• Smaller

  Uses 87.5% of the standard interface scale. This is equivalent to 14px text when your browser’s default text size is 16px.

• Standard (default)

  Uses your browser’s standard interface scale, typically 16px for regular text.

• Larger

  Uses 112.5% of the standard interface scale. This is equivalent to 18px text when your browser’s default text size is 16px.

All three text sizes work with both the Default and Monospace font options.