Error Screen

Last updated: May 22, 2026

The Error Screen appears when the app cannot load a page — typically due to no internet connection or a server error. Instead of showing a blank screen or a browser-style error, your app displays a branded, friendly message with an option to retry. You can fully customize what it looks like.

Background Color

Set the background color of the error screen for both Light and Dark themes.

  • Light Mode default: #ffffff

  • Dark Mode default: #000000

Error Message

The main text displayed when an error occurs.

  • Default: Something went wrong.

  • Maximum length: 500 characters

Write a message that is calm and helpful. For example: Unable to load the page. Please check your internet connection and try again.

Error Message Text Color

  • Light Mode default: #000000

  • Dark Mode default: #ffffff

Try Again Button

The retry button reloads the page. Customize both its label and colors.

Button Text

  • Default: Try Again

  • Maximum length: 100 characters

Button Text Color

  • Light Mode default: #ffffff

  • Dark Mode default: #ffffff

Button Background Color

  • Light Mode default: #186E62

  • Dark Mode default: #186E62

Tip: Match the button background color to your brand's primary color so the error screen feels consistent with the rest of the app.