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 dridk commented Jun 14, 2014

Screenshot please!

@ghost

This comment has been minimized.

Copy link

@ghost ghost commented Oct 5, 2014

Imgur

@solarkraft

This comment has been minimized.

Copy link

@solarkraft solarkraft commented Oct 11, 2014

Looks great!

@SebastienBloesch

This comment has been minimized.

Copy link

@SebastienBloesch SebastienBloesch commented Feb 22, 2015

Thank you

@oaeide

This comment has been minimized.

Copy link

@oaeide 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 ghost commented Apr 23, 2015

beautiful :))

@obiwankennedy

This comment has been minimized.

Copy link

@obiwankennedy 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 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 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 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 CSaratakij commented Sep 5, 2018

Look great~
Thank you ;)

@ofbeaton

This comment has been minimized.

Copy link

@ofbeaton 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 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 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 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 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 !

@leplatrem

This comment has been minimized.

Copy link

@leplatrem leplatrem commented Mar 18, 2020

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);
@palucki

This comment has been minimized.

Copy link

@palucki palucki commented Apr 5, 2020

Thanks @leplatrem, @QuantumCD

I've used the style in my steganography app.
All the best to you guys!

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.