Change Status Bar Style for a Dark Theme

This example applies dark theme settings. The navigation bar background is set to black. In order to see the device status bar, it is set to white (light) style.

import Felgo 3.0
import QtQuick 2.0
App {
onInitTheme: {
// Set the status bar style to white (light style)Theme.colors.statusBarStyle=Theme.colors.statusBarStyleWhite// Set the navigation bar background to blueTheme.navigationBar.backgroundColor="black"Theme.navigationBar.titleColor="white"Theme.navigationBar.dividerColor="black"// Set the background color, which is used as background color of pagesTheme.colors.backgroundColor="#222"// Set the global text color to whiteTheme.colors.textColor="white"
}
// Displays a title bar and is used for navigation between pagesNavigationStack {
Page {
title: "Hello Felgo"// Is displayed in the title barAppText {
anchors.centerIn: parenttext: "Hi :)"
}
}
}
}

How do I change the used platform theme of my app?

The default Theme settings implement platform-specific styles, like the default iOS style on iOS or Material Style on Android, for a native look and feel on both platforms. The following example shows how to manually change
the used platform theme in your code:

Make sure to add your custom fonts to your app's assets and to provide the correct path in the FontLoader object. You can also use the custom font in your
own app components, like the following example: