Qt Gui Application background color stylesheet

AcidLys

I want to set background color for my form

like this
@
body
{
background-color: #fff;
}@
I am using QWidget selector but i only want to change window background;

And how i can ise one stylesheet for all windows?

messi

Hi AcidLys,

have you read this link. It is very useful. It explains how to use stylesheet.

http://qt-project.org/doc/qt-4.8/stylesheet-syntax.html

If you like to use a stylesheet file for the whole app, then you have to load it in your main.cpp.

Checkout QApplication::setStylesheet();

Sam

For more information on StyleSheets you can check

"Qt Style Sheets Reference":http://qt-project.org/doc/qt-4.8/stylesheet-reference.html#list-of-properties

"Qt Style Sheets Examples":http://doc-snapshot.qt-project.org/4.8/stylesheet-examples.html

also in order to set the stylesheet for the whole application you can try the following code:

@QFile styleSheet(":/Stylesheet/yourStylesheet.qss"); //path where the file is stored
if (!styleSheet.open(QIODevice::ReadOnly)
{
qWarning("Unable to open ::/Stylesheet/yourStylesheet.qss");
return;
}
qApp->setStyleSheet(styleSheet.readAll());@

SherifOmran

This does not help in case of message box or a custom widget which i don't know how to be done. I searched the internet before i ask. In case you know, please reply, otherwise no problem.

messi

Hi SherifOmran,
do you try to hitchhike this tread?
In the first mail messageBox was not mentioned and it was send by another author.

Here, is what you are looking for, I got it from the qt documentations:

@*[environment="##ENV"] QMessageBox{
background-color: ##INACTIVE;
border: 3px solid ##EXTRA_DARK;
}

*[environment="##ENV"] QMessageBox QPushButton{
border-radius: 8px;
icon-size: 28px;
min-height: 42px;
max-height: 42px;
min-width: 50px;
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 ##NORMAL, stop: 0.1 ##INACTIVE, stop:0.15 ##NORMAL, stop:0.9 ##NORMAL, stop:1 ##EXTRA_DARK);
border: 0px solid none;
border-right: 2px solid ##NORMAL;
border-left: 2px solid ##NORMAL;
}

*[environment="##ENV"] QMessageBox QPushButton:pressed,
*[environment="##ENV"] QMessageBox QPushButton:checked{
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 ##EXTRA_DARK, stop: 0.1 ##PRESSED, stop:0.8 ##PRESSED, stop:0.9 ##NORMAL, stop:1 ##PRESSED);
border: 2px solid ##PRESSED;
}@

Sam

[quote author="messi" date="1346654781"]Hi SherifOmran,
do you try to hitchhike this tread?
In the first mail messageBox was not mentioned and it was send by another author.

[/quote]

The actual discussion for the message box was going "on this thread":http://qt-project.org/forums/viewthread/20041/ so for the implementation I directed him here, not his fault :)

Thanks for the code messi :)

messi

Ok.
Anyway, almost every widget/dialog is styleable. Always a good approach is to checkout the qt sourcecode directly.

In my code you have to replace the ##...... with your own color. Also the conditional clause in the square brackets are optional.

SherifOmran

Oh, I am sorry, did nt realize it is another thread.

SherifOmran

If I am allowed to ask. What does *[environment="##ENV"] mean? and what should I put instead of #ENV?

I don't find it in the documentation. Any link?

messi

The code is quite complicated and it would need a long explanation.
Remove all *[environment="##ENV"] and replace all words with ## with color value.

For more info please checkout the following links.

http://qt-project.org/doc/qt-4.8/stylesheet-syntax.html
http://qt-project.org/doc/qt-4.8/stylesheet-customizing.html