Skip to content

Dark mode

Berry Browser supports dark mode, adapting website appearances to match your app's theme when possible. You can customize this behavior under Settings > Web > Rendering mode.

Rendering mode

Web-based

  • Content is rendered based on the web page's built-in dark mode support.
  • If the page doesn't support dark mode, it will be rendered with its default styling.
  • This is the default mode.

App-based

  • Content is rendered based on your app's theme.
  • If the page doesn't support dark mode, the app will attempt to apply a dark style using an algorithm.

Forced Light

  • Content is always rendered in light mode, regardless of your app's theme or the page's support for dark mode.

Forced Dark

  • Content is always rendered in dark mode.
  • If the page doesn't support dark mode, the app will attempt to apply a dark style using an algorithm.

Rendering behavior

Mode App theme Web content that uses prefers-color-scheme Web content that doesn't use prefers-color-scheme
Web-based Light Light styling Default styling
Web-based Dark Dark styling Default styling
App-based Light Light styling Default styling
App-based Dark Dark styling Dark styling (if allowed)
Forced Light Light Light styling Default styling
Forced Light Dark Light styling Default styling
Forced Dark Light Dark styling Dark styling (if allowed)
Forced Dark Dark Dark styling Dark styling (if allowed)

Note

The "Dark styling (if allowed)" in the table indicates that the app will attempt to apply a dark style to the content, but this may be limited or prevented by the web page's design or security measures.