I already made a suggestion before, done with Code: ButtonRow { style: TabButtonStyle { inverted:theme.inverted } TabButton { id: chatsTabButton platformStyle: TabButtonStyle{inverted:theme.inverted} iconSource: theme.inverted ? "image://theme/icon-m-toolbar-new-chat-white" : "image://theme/icon-m-toolbar-new-chat" tab: waChats } TabButton { id: contactsTabButton platformStyle: TabButtonStyle{inverted: theme.inverted} iconSource: theme.inverted ? "image://theme/icon-m-toolbar-contact-white" : "image://theme/icon-m-toolbar-contact" tab: waContacts } } in main.qml. PS: This is especially better with a german translation since appropriate words would be too long to fit into the tab buttons...
ButtonRow { style: TabButtonStyle { inverted:theme.inverted } TabButton { id: chatsTabButton platformStyle: TabButtonStyle{inverted:theme.inverted} iconSource: theme.inverted ? "image://theme/icon-m-toolbar-new-chat-white" : "image://theme/icon-m-toolbar-new-chat" tab: waChats } TabButton { id: contactsTabButton platformStyle: TabButtonStyle{inverted: theme.inverted} iconSource: theme.inverted ? "image://theme/icon-m-toolbar-contact-white" : "image://theme/icon-m-toolbar-contact" tab: waContacts } }