Find the Best Demos and Examples

Check out this quick tour to find the best demos and examples for you, and to see how the Felgo SDK can help you to develop your next app or game!

ThemeColors

Defines app-wide color theming. More...

Import Statement: import Felgo 3.0
Inherits:

QtObject

Properties

Detailed Description

This type is used in the global Theme object for the app's color theme.

Property Documentation

backgroundColor : color

Override this property to change the app-wide default background color used for Felgo user interface elements like the Page component.

The default value is white.


controlBackgroundColor : color

Override this property to change the app-wide default background color used for Felgo controls like AppSwitch.

The default value is a grey tone.

This property was introduced in Felgo 2.8.2.


disabledColor : color

Override this property to change the app-wide default disabled color used for Felgo user interface elements like the color for disabled TabControl items.

The default value is a grey tone.


disclosureColor : color

Override this property to change the app-wide default disclosure color used for disclosure arrows in a SimpleRow on iOS.

The default value is a light grey tone.


dividerColor : color

Override this property to change the app-wide default divider color used for Felgo user interface elements like the dividers between AppListView rows.

The default value is a light grey tone.


inputCursorColor : color

Sets the color for the input cursor that marks the current position in input fields. Matches the tintColor by default.

This property was introduced in Felgo 2.7.0.


inputSelectionColor : color

Sets the color for selected text input fields. Matches the tintLightColor by default.

This property was introduced in Felgo 2.7.0.


placeholderTextColor : color

Override this property to change the app-wide default placeholder text color used for Felgo user interface elements like the placeholder text on AppTextEdit and AppTextInput components.

The default value matches a platform-specific colors.


secondaryBackgroundColor : color

Override this property to change the app-wide default secondary background color used for Felgo user interface elements like the SimpleSection component.

This property was introduced in Felgo 2.6.2.


secondaryTextColor : color

Override this property to change the app-wide default secondary text color used for Felgo user interface elements like the subtext of the SimpleRow component.

The default value is a grey tone.


selectedBackgroundColor : color

Override this property to change the app-wide default selected background color used for Felgo user interface elements like the SimpleRow component.

The default value is white.


statusBarOpacity : real

Set this property to set the opacity of the status bar on Android devices.

See also statusBarStyle.


statusBarStyle : int

Set this property to set the status bar appearance on iOS or Android devices.

Depending on your content you can set two different colors for iOS or hide the status bar at all to improve the contrast between your app's content and the system status bar.

Possible values are:

  • statusBarStyleHidden: Hide the status bar on iOS and Android.
  • statusBarStyleWhite: Display a white status bar for dark content on iOS. Android displays a Material-themed translucent status bar.
  • statusBarStyleBlack: Display a black status bar for light content on iOS. Android displays a Material-themed translucent status bar. This is the default.
  • statusBarStyleSystem: Display a black status bar for light content on iOS. Android displays a default system themed status bar.

Note: This property determines if the app uses full-screen mode on Android. Only the setting statusBarStyleSystem disables the full-screen mode.

Note: This property only affects apps running on iOS or Android devices.

See also statusBarOpacity and NativeUtils::setStatusBarStyle().


textColor : color

Override this property to change the app-wide default main text color used for Felgo user interface elements like the AppText component.

The default value is black.


tintColor : color

Override this property to change the app-wide default tint color used for Felgo user interface elements like the active state of a TabControl item.

The default value matches the actual platform default tint color (e.g. a blue tone on iOS).