Keyboard shortcuts

Press ← or → to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

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 Account Settings, then select Appearance from the sidebar.

Select a tile for Color mode and Width, choose the Font and Text size options you prefer, then click Update appearance. Your choices apply only to your account.

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.