-
-
Save QuantumCD/6245215 to your computer and use it in GitHub Desktop.
qApp->setStyle(QStyleFactory::create("Fusion")); | |
QPalette darkPalette; | |
darkPalette.setColor(QPalette::Window, QColor(53,53,53)); | |
darkPalette.setColor(QPalette::WindowText, Qt::white); | |
darkPalette.setColor(QPalette::Base, QColor(25,25,25)); | |
darkPalette.setColor(QPalette::AlternateBase, QColor(53,53,53)); | |
darkPalette.setColor(QPalette::ToolTipBase, Qt::white); | |
darkPalette.setColor(QPalette::ToolTipText, Qt::white); | |
darkPalette.setColor(QPalette::Text, Qt::white); | |
darkPalette.setColor(QPalette::Button, QColor(53,53,53)); | |
darkPalette.setColor(QPalette::ButtonText, Qt::white); | |
darkPalette.setColor(QPalette::BrightText, Qt::red); | |
darkPalette.setColor(QPalette::Link, QColor(42, 130, 218)); | |
darkPalette.setColor(QPalette::Highlight, QColor(42, 130, 218)); | |
darkPalette.setColor(QPalette::HighlightedText, Qt::black); | |
qApp->setPalette(darkPalette); | |
qApp->setStyleSheet("QToolTip { color: #ffffff; background-color: #2a82da; border: 1px solid white; }"); |
ghost
commented
Oct 5, 2014
Looks great!
Thank you
Wow! This is great stuff. The only thing that isn't perfect out of the box is that deactivated buttons look the same as clickable ones. Otherwise - love it.
beautiful :))
darkPalette.setColor(QPalette::ToolTipBase, Qt::white);
darkPalette.setColor(QPalette::ToolTipText, Qt::white);
Why do you set both as white and then add qApp->setStyleSheet("QToolTip { color: #ffffff; background-color: #2a82da; border: 1px solid white; }"); ?
Very cool! One thing I spotted was that tab control are a bit black-on-black... Would be nice if the tabs themselves could be shaded a bit differently.
In my repo you can find similar palette and addition some stylesheets to make everything look dark, sexy and great 😃
https://github.com/Jorgen-VikingGod/Qt-Frameless-Window-DarkStyle
This is exactly what I was looking for and it's hella easy to implement, thanks!
Look great~
Thank you ;)
This one doesn't handle disabled text (everything will appear enabled). Jorgen-VikingGod's appears to handle disabled controls properly.
Yeah, but this is a color palette, and the one you refer is a "skin".
So, people that look for a color palette, needs to add colors for disabled controls and text.
How can one add palette for disabled controls to qtquickcontrols2.conf? Or is this done in some other way?
Nice! I use this for my Qt dark theme example of a text editor.
Hi, ok, quick question... I got the dark theme working and all but I got this annoying white border, like 1-2px wide. Currently I'm looking at Jorgen-VikingGod's example trying to figure out exactly what is the property that disables that border but maybe someone can enlighten me. Thanks !
I had to fix appearance of disabled widgets:
QColor darkGray(53, 53, 53);
QColor gray(128, 128, 128);
QColor black(25, 25, 25);
QColor blue(42, 130, 218);
QPalette darkPalette;
darkPalette.setColor(QPalette::Window, darkGray);
darkPalette.setColor(QPalette::WindowText, Qt::white);
darkPalette.setColor(QPalette::Base, black);
darkPalette.setColor(QPalette::AlternateBase, darkGray);
darkPalette.setColor(QPalette::ToolTipBase, blue);
darkPalette.setColor(QPalette::ToolTipText, Qt::white);
darkPalette.setColor(QPalette::Text, Qt::white);
darkPalette.setColor(QPalette::Button, darkGray);
darkPalette.setColor(QPalette::ButtonText, Qt::white);
darkPalette.setColor(QPalette::Link, blue);
darkPalette.setColor(QPalette::Highlight, blue);
darkPalette.setColor(QPalette::HighlightedText, Qt::black);
darkPalette.setColor(QPalette::Active, QPalette::Button, gray.darker());
darkPalette.setColor(QPalette::Disabled, QPalette::ButtonText, gray);
darkPalette.setColor(QPalette::Disabled, QPalette::WindowText, gray);
darkPalette.setColor(QPalette::Disabled, QPalette::Text, gray);
darkPalette.setColor(QPalette::Disabled, QPalette::Light, darkGray);
Thanks @leplatrem, @QuantumCD
I've used the style in my steganography app.
All the best to you guys!
I had to fix appearance of disabled widgets:
QColor darkGray(53, 53, 53); QColor gray(128, 128, 128); QColor black(25, 25, 25); QColor blue(42, 130, 218); QPalette darkPalette; darkPalette.setColor(QPalette::Window, darkGray); darkPalette.setColor(QPalette::WindowText, Qt::white); darkPalette.setColor(QPalette::Base, black); darkPalette.setColor(QPalette::AlternateBase, darkGray); darkPalette.setColor(QPalette::ToolTipBase, blue); darkPalette.setColor(QPalette::ToolTipText, Qt::white); darkPalette.setColor(QPalette::Text, Qt::white); darkPalette.setColor(QPalette::Button, darkGray); darkPalette.setColor(QPalette::ButtonText, Qt::white); darkPalette.setColor(QPalette::Link, blue); darkPalette.setColor(QPalette::Highlight, blue); darkPalette.setColor(QPalette::HighlightedText, Qt::black); darkPalette.setColor(QPalette::Active, QPalette::Button, gray.darker()); darkPalette.setColor(QPalette::Disabled, QPalette::ButtonText, gray); darkPalette.setColor(QPalette::Disabled, QPalette::WindowText, gray); darkPalette.setColor(QPalette::Disabled, QPalette::Text, gray); darkPalette.setColor(QPalette::Disabled, QPalette::Light, darkGray);
Awesome thank you! For Python, use this:
palette.setColor(QPalette.Disabled, QPalette.Button, QColor(35, 35, 35))
When I had floating docks using this I got white lines on the left edge.
Setting QPallete::Light to the same color as QPalette::Window fixed it.
darkPalette.setColor(QPalette::Light,QColor(53, 53, 53));