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.