Learn what Felgo offers to help your business succeed. Start your free evaluation today! Felgo for Your Business

ThemeColors

Defines app-wide color theming. More...

Import Statement: import Felgo 4.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 AppPage component.

The default value is white.


[since Felgo 2.8.2] 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.


[since Felgo 2.7.0] 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.


[since 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.


[since Felgo 2.6.2] 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 default status bar on iOS, with color dependent on system dark mode setting. Android displays a default system themed status bar.
  • statusBarStyleCustom: This value is only for advanced use-cases. This setting does never modify the system status bar. You can customize the status bar manually with native code or by using the Native Code Components.

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).


tintLightColor : color

A lighter version of the tintColor.

The default value is the tintColor, lighter by 50% on Android and by 30% on other platforms.


Qt_Technology_Partner_RGB_475 Qt_Service_Partner_RGB_475_padded