Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
This is a complete (I think) dark color palette for the Qt 5 Fusion theme, as well as a nice style sheet for the tool tips that make them blend better with the rest of the theme. To have immediate effect, be sure to put this in your main function before showing the parent window. Child windows should automatically inherit the palette unless you …
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; }");
@dridk

This comment has been minimized.

Copy link

dridk commented Jun 14, 2014

Screenshot please!

@ghost

This comment has been minimized.

Copy link

ghost commented Oct 5, 2014

Imgur

@solarkraft

This comment has been minimized.

Copy link

solarkraft commented Oct 11, 2014

Looks great!

@SebastienBloesch

This comment has been minimized.

Copy link

SebastienBloesch commented Feb 22, 2015

Thank you

@oaeide

This comment has been minimized.

Copy link

oaeide commented Feb 28, 2015

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.

@lschmierer

This comment has been minimized.

@ghost

This comment has been minimized.

Copy link

ghost commented Apr 23, 2015

beautiful :))

@obiwankennedy

This comment has been minimized.

Copy link

obiwankennedy commented Dec 4, 2015

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; }"); ?

@macdew

This comment has been minimized.

Copy link

macdew commented Apr 27, 2017

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.

@Jorgen-VikingGod

This comment has been minimized.

Copy link

Jorgen-VikingGod commented Aug 11, 2017

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

@Bux42

This comment has been minimized.

Copy link

Bux42 commented Jun 6, 2018

This is exactly what I was looking for and it's hella easy to implement, thanks!

@CSaratakij

This comment has been minimized.

Copy link

CSaratakij commented Sep 5, 2018

Look great~
Thank you ;)

@ofbeaton

This comment has been minimized.

Copy link

ofbeaton commented Nov 28, 2018

This one doesn't handle disabled text (everything will appear enabled). Jorgen-VikingGod's appears to handle disabled controls properly.

@funlw65

This comment has been minimized.

Copy link

funlw65 commented Dec 31, 2018

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.

@matejk

This comment has been minimized.

Copy link

matejk commented Jun 18, 2019

How can one add palette for disabled controls to qtquickcontrols2.conf? Or is this done in some other way?

@mherrmann

This comment has been minimized.

Copy link

mherrmann commented Jul 2, 2019

Nice! I use this for my Qt dark theme example of a text editor.

image

@Edward334

This comment has been minimized.

Copy link

Edward334 commented Oct 18, 2019

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 !

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.