Dark/Light mode

The Byl platform supports Dark, Light, and System modes, letting you match the look of your own website. Here's how it works:

Supported pages

Payment pages created via the API:

• Invoices: Invoice pages.
• Checkout: Checkout pages.

How to use it

To set the mode, pass its value in the page URL using the theme query string. For example:

• https://byl.mn/h/invoice/9054/...XzJVb?theme=light
• https://byl.mn/h/checkout/19157/...r5H9?theme=dark

Supported values:

• ?theme=light - Light mode.
• ?theme=dark - Dark mode.
• ?theme=system - Follows the user's system preference (default browser/system theme).

Default mode setting

You can choose a default mode for each project in the Project settings (Төслийн тохиргоо) section of the dashboard. This setting applies automatically whenever the URL has no theme parameter.

Choosing a default mode

1. Sign in to the dashboard.
2. Select Settings (Тохиргоо) from the left-hand menu.
3. In the Dark/Light mode field on the settings page, choose Light, Dark, or System.
4. Click Save (Хадгалах) to store your choice.

User preference

Users can pick Light, Dark, or System to match their website's look and brand style. This makes the experience more flexible and consistent with their setup.

Note: System mode automatically selects Light or Dark based on the user's device or browser settings.

Next steps

• Invoices — create invoice pages
• Checkout — create checkout pages