Make QPushButtons have more vibrant colors

Sucharek

Hi, I wanna increase the vibrance in QPushButtons. It just seems that they don't have enough color. Can I increase the vibrancy somehow?

mpergand

If you doing cross platform apps, don't change anything and let Qt manage that.
On Mac, changing the color of one button will be ugly.
Your taste will be not the same as your users.

Or you should redesing a complete interface, some special apps like audio apps do that, Here the interface i use for synthetizer editors
But it's a lot of work.

mpergand

Would you complain about flat design ? :)

Sucharek

Hi @mpergand, well I'm not complaining, I just think that it doesn't have enough color.
Compared to a QLineEdit, it's nowhere near as vibrant.
Pictures for comparison:

raven-worx

@Sucharek
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-a-qpushbutton-using-the-box-model

mpergand

Have you try to change the background color by style sheet
What's your OS ?

Sucharek

Hi @mpergand, I'm on Windows, but I use a fusion theme. I just think it looks better, but the only thing that bothers me, are the buttons. I'm also doing it cross-platform, so I'd need to use the fusion theme, or make my own theme as @raven-worx linked a thing to do it, but I'm not sure how to like "change" the color entirely. Do I need to use images?

mpergand

If you doing cross platform apps, don't change anything and let Qt manage that.
On Mac, changing the color of one button will be ugly.
Your taste will be not the same as your users.

Or you should redesing a complete interface, some special apps like audio apps do that, Here the interface i use for synthetizer editors
But it's a lot of work.

Sucharek

Hi @mpergand, looks interesting.
I kinda already redesigned everything (I used a stylesheet for everyting).
I could try to use the QPainterPath and QGradient you listed in your post.
Thanks for your answer. I'll try to redesign the buttons, and reply once I'm done, or have some issues.

Sucharek

Hi @mpergand, so I played around with it, and I got some good result
Here's what it looks like:
Thanks for the suggestion, I think it looks good :)
EDIT: Here's the stylesheet I used:

background-color: rgb(255, 15, 15);
color:black;
border: 3px solid rgb(150, 0, 0);
border-radius:10px;