Change text color for QML controls

qt qml styling qtquick2
roundtheworld picture roundtheworld · Aug 27, 2013 · Viewed 18.8k times · Source

I am using some QML controls like GroupBox and CheckBox which have text associated with them. The default color of the text is black. However, I have these items on a dark background and would prefer using white for the text color. These items don't have a color property so I'm not sure what to do.

CheckBox {
    text: "Check Me"
}

Answer

luffy picture luffy · Jan 19, 2015

I had the same problem with GroupBox so I wanted to post an answer for future reference. The problem can easily be fixed using HTML formatting. For instance to change the color: 

GroupBox{ 
    title: "<font color=\"white\">my title</font>"
}

Size and other formatting parameters can be changed the same way.

Related questions

Styling QML without manually marking each property to be styled

I know that QML does not support CSS styling like widgets do, and I have read up on alternative approaches to styling/theming: https://qt-project.org/wiki/QmlStyling http://www.slideshare.net/BurkhardStubert/practical-qml-key-navigation/34 Common for these approaches is that …

Read More
C++ signal to QML slot in Qt

I want to send a Signal from C++ to a Slot in my QML File. I already got it working without and primitive type parameters, although if I want to send a QString to my QML Slot I get an …

Read More
QML Listview selected item highlight on click

Hi I want to put this code : highlight: Rectangle { color: "black" radius: 5 opacity: 0.7 focus: true } into mouseArea in onclick handler: MouseArea { id: mouse_area1 z: 1 hoverEnabled: false anchors.fill: parent onClicked: { } This is all listView: ListView { id: listview1 x: 0 y: 82 // …

Read More