Qt Creator color scheme

Question

I like the dark "FakeVim" color scheme in Qt Creator. However it only makes the editor part dark while everything else stays normal, which is a bit disturbing. Is there any way to make such dark scheme global for Qt Creator?

Vim (dark) Color Scheme

Color scheme is applied solely to text editor (as this is the only option), and not the environment.

Solution 1

I found some trick for your problem! Here you can see it: Habrahabr -- Redesigning Qt Creator by your hands (russian lang.)

According to that article, that trick is kind of not so dirty, but "hack" (probably it wouldn't harm your system, but it can leave some artifacts on your interface).

You don't need to patch something (there is possibility, but I don't recommend).

Main idea is to use stylesheet like this stylesheet.css:

// on Linux
qtcreator -stylesheet='.qt-stylesheet.css' 
// on Windows
[pathToQt]\QtCreator\bin\qtcreator.exe -stylesheet [pathToStyleSheet]

To get such effect:

To customize by your needs, you may need to read documentation: Qt Style Sheets Reference, Qt Style Sheets Examples and so on.

This wiki page is dedicated to custom Qt Creator styling.

P.S. If you'll got better stylesheet, share it, I'll be happy! :)

---

UPD (10.12.2014): Hopefully, now we can close this topic. Thanks, Simon G., Things have changed once again. Users may use custom themes since QtCreator 3.3. So hacky stylesheets are no longer needed.

Everyone can take a look at todays update: Qt 5.4 released. There you can find information that Qt 5.4, also comes with a brand new version of Qt Creator 3.3. Just take a look at official video at Youtube.

So, to apply dark theme you need go to "Tools" -> "Options" -> "Environment" -> "General" tab, and there you need to change "Theme".

See more information about its configuring here: Configuring Qt Creator.

Solution 2

Simple in two line

1. Go to "Tools" -> "Options" -> "Environment" -> "General" tab,
2. Change "Theme" to dark

Solution 3

In newer versions of Qt Creator (Currently using 4.4.1), you can follow these simple steps:
Tools > Options > Environment > Interface

Here you can change the theme to Flat Dark.

It will change the whole Qt Creator theme, not just the editor window.

Solution 4

Here is my dark theme (based on Darcula IntelliJ Theme):
https://github.com/mervick/Qt-Creator-Darcula

---

Solution 5

QTcreator obeys your kde-wide configurations. If you choose "obsidian-coast" as the system-wide color scheme qt creator will be all dark as well. I know it is a partial solution but it works.

View more solutions

Comments

[steventaitinger]

Qt Creator version 3.5.1 says it fixed this problem here.

[Cory Klein]

Has anybody had luck styling the Search Results, Compile Output, Application Output tabs, or General Messages panes?

[osirisgothra]

however if you use the help viewer (even new versions) the text that is not in tables will be black, which is a problem with main qt documentation. Other documentations such as the kde, gcc, and generic c++ documentation in .qch format works fine, noting that .qch is actually just a sqlite3 database of all the html files and stylesheets contained in it. You might be able to grab a style sheet out of there and redesign it using the !important keyword externally starting qtcreator with it's -stylesheet option (that flag seems to work on any other qt app as well as you consume QApplication propr)

[tower120]

Did someone try that stylesheet.css with last qt creator? I have white background, no matter what editor theme is selected.

[Nianliang]

How to use it on Mac?

[Victor Häggqvist]

Fun thing, just tested the sheet provided here in QtCreator 3.1.2. The over all UI gets styled but the editor gets completly messed up no matter what editor style I select. Didn't care enough ATM to took for a fix though.

[Victor Häggqvist]

Ok, so things have changed a bit. Here is a css that works less bad with QtCreator 3.1.2 github.com/victorhaggqvist/qtcreator-style

[Simon G.]

Things have changed once again. Users may use custom themes since QtCreator 3.3. So hacky stylesheets are no longer needed.

[handle]

QtCreator 3.3's dark color scheme is not supported yet by the new project wizard.. light gray on white background..

[oHo]

Installed but background becomes white when outside "highlight blocks" (background is always white for *.txt files). Do you use your CSS with Qt Creator 3.2 ? Yep I have Color Scheme = Vim (dark)

[Borzh]

Sorry it's been a while since I used Qt Creator, I moved to XCode. If you fix it, please make a push request so I can merge it.

[oHo]

No worries I have just installed darcula and this is fine. Anyway I have upvoted your answer, thanks for sharing ;-)

[JonnyBoy]

@SimonG. Good find, however the bottom panel (Application Output & Compile Output) is a dark grey background with black text...not so useful :(

[steventaitinger]

Qt Creator version 3.5.1 says it fixed this issue.

[Slim_user71169]

Hi, guy. How to do it on Mac?

[Mehdi]

Thank you so much !

[Ehsan]

Is here anyway to open the qtcreator by default with your theme without using command line ? the setting using ur Tools>>option>>text editor>>color scheme>> Dacula is not the same as running using command line

[Robin Hsu]

Currently, as this comment is written, flat dark theme does not look good (at least not for my display). Try Project -> Build -> Build Environemnt -> Detail. My display shows all those environment variables in dark text on a dark background.

[Chris]

this should be the top answer. Not a .CSS hack.