[SOLVED] Qt Creator 5.2 - Changing Background Color of Left Hand Pane
-
I also had a look at the source code but after a short while my brain hurt, which says more about me than it does the source. In any case, I wonder how well objects are named for our purpose. I've seen a "widget" and a "widget_2" in there. How many "button_1" objects are there?
Thanks for the solution to the text editor font issue. There is a bug report on this which I have commented and voted on. If you could do the same and include your solution it would help the original poster and maybe get some attention from the developers.
Here is the link :https://bugreports.qt-project.org/browse/QTCREATORBUG-12271
I see what you mean with the line numbers. Interestingly, my problem is with the numbers themselves, not the background. I have the background set to a dark color but if I reset it to a light one then go into debug mode it sets it back to the original dark color on the screen but not in "Options". Go figure.
In any case, your solution is a big step forward, but I think fixing the bug is what needs to happen here.
Regarding Application Output and Compile Output, try these (Issues is a bonus, optional of course):
With Application Output, this only applies when an application is run or being debugged. Unable to change the text color, at least this way. The method used below to color Issues and Compile Output doesn't work for Application Output.
@QTabWidget QPlainTextEdit
{
background: #E3E3E3;
}QWidget[windowTitle="Issues"],
QWidget[windowTitle="Compile Output"]
{
color: black;
background: #E3E3E3;
}@With Compile Output only some text can be changed, it seems.
If you want to do Search Results:
This one needs to be treated differently. First do the entire background
@QObject[windowTitle="Search Results"] QWidget
{
color: black; /so the labels can be seen/
background: #E3E3E3;
}@Then restore the standard appearance to these
@QObject[windowTitle="Search Results"] QLineEdit,
QObject[windowTitle="Search Results"] QComboBox
{
background: none;
}@How much interest is there in customising Qt Creator, are many people doing this, or would like to? I would welcome any comments on this.
Thanks.
-
Let's not give up on this discussion.
I fell in love with qtCreator a couple of years ago. And to respond to ray4qt, there has always been interest, on my part, in customizing qtCreator. And like everyone on this thread has noticed, there is not much information out there.
I have scoured the web for quite a while now and have come up with a stylesheet that I like. dcbdbis (Dave), you may want to give it try. I am curious if you like. Unfortunately, there are a couple of things about my stylesheet that I have not yet addressed. 1) In debug mode, the font for the value column in the Locals and Expressions window gets changed to red. Red is hard on the eyes with a dark background. Not sure how that got changed. Not sure how to fix. 2) The tabs in dialog windows are a bit cobbled together (not as distinct). Again, not sure what caused that.
Note that this stylesheet does not mess with the settings I chose for my text editor colors (which is the Inkpot scheme).
I am using qtCreator 3.0.1 on Linux Mint.
Anway, here is my stylesheet. Hope it helps someone.
@QMainWindow,
QAbstractItemView,
QTreeView::branch,
QTabBar::tab{
color: #EAEAEA;
background: #5e5e57;
font-size: 9pt;
}/* This attribute change the listed text in the help menu */
QListView {
color: #FFF8DC;
}QAbstractItemView::item:selected {
color: #EAEAEA;
background-color: #151515;
}QScrollBar {
border: none;
background: #333333;
height: 6px;
width: 6px;
margin: 0px;
}QScrollBar::handle{
background: #494949;
min-width: 10px;
min-height: 10px;
}QScrollBar::add-line, QScrollBar::sub-line {
background: none;
border: none;
}QScrollBar::add-page, QScrollBar::sub-page {
background: none;
}/* Add the horizontal arrow keys to the dir/file list (left pane) /
QTreeView::branch:has-children:!has-siblings:closed,
QTreeView::branch:closed:adjoins-item:has-children {
border-image: none;
image: url(:/qmldesigner/images/triangle_horz.png);
/
margin: 6px;
height: 6px;
width: 6px;
border-radius: 3px;
*/
}/* Add the vertical arrow keys to the dir/file list (left pane) */
QTreeView::branch:open:has-children:!has-children,
QTreeView::branch:open:adjoins-item:has-children {
border-image: none;
image: url(:/qmldesigner/images/triangle_vert.png);
}QTabBar::tab:selected {
font: bold;
border-color: #9B9B9B;
border-bottom-color: #C2C7CB;
}QTabBar::tab:!selected {
margin-top: 2px;
}QHeaderView::section {
background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1,
stop:0 #616161, stop: 0.5 #505050,
stop: 0.6 #434343, stop:1 #656565);
color: white;
padding-left: 4px;
border: 1px solid #6c6c6c;
}QToolBar {
border-style: solid;
border-style: outset;
color: #EAEAEA;
background: #333333;
font-size: 9pt;
}@Brock
-
Thanks for posting! Gave your stylesheet a try and it looks good.
Hope I'm wrong, but I don't think you will be able to change the red font in Debug mode as I suspect it is hard coded. Little things like this mean we are not able to get everything exactly as we would like, which is frustrating.
Regarding the tabs, you could try setting a minimum width property:
@QTabBar::tab
{
min-width: 125px;
}@Adjust to suit, of course.
This looks okay in Design mode, but is too wide for dialogs.
They can have their own width setting:@QDialog QTabBar::tab
{
min-width: 75px;
}@Do you use Design mode? I see a couple of issues there with unreadable fonts in the Object Inspector and Property Editor - on my Windows 8.1 system.
Try these (again, adjust to suit) if you want a fix:
@QObject[windowTitle="Object Inspector"] QTreeView
{
color: #EAEAEA;
alternate-background-color: black;
}@@QObject[windowTitle="Property Editor"] QTreeView
{
color: black;
}@Like Slion, I've given up on stylesheets, at least for now, because of the editor font issue. I notice this is not a problem on Qt Creator version 3.0.0, which I have on my laptop, so perhaps you are not affected by it. If you update to a later version I think you will be. Well, at present I am reluctant to post anything that doesn't work correctly.
Once again Brock, thanks for posting. Nearly 3000 views makes me think there is interest out there, even if you are the only one who has bothered to post.
Regards, Ray.
-
qtenvy or ray4qt: Any tips on how to most easily load a custom Qt Creator stylesheet on OS X?
-
The principle will be the same regardless of the operating system being used.
You just need to add a parameter to the command that launches Qt Creator.I think it will look like this under a Unix-like o/s (path/to/qtcreator will already be there):
path/to/qtcreator -stylesheet path/to/your/stylesheet.css
I'm a Windows guy so I was hoping someone who knows Macs would answer. As they haven't perhaps this will help.
-
Figured this out with the help of someone on IRC.
In Terminal.app or iTerm.app:
@~/Qt/Qt\ Creator.app/Contents/MacOS/Qt\ Creator -stylesheet ~/.config/qtcreator_custom.css@
Notes:
- The first part of the command is necessary (~/Qt/Qt\ Creator.app/Contents/MacOS/Qt\ Creator)
- The second part of the command can point anywhere you have a .css file with custom QSS styling for Qt Creator. I chose ~/.config/ because it persists Qt uninstalls, reinstalls, upgrades.
-
The problem? PLUGIN writers are not respecting/inheriting QPalette properly, and are using hard coded defaults and saying "ah good enough". It seriously sucks having to forfiet the entire dark mode just because state charts are white--but i couldnt stand the constant going back/forth from dark to white. So in essence, for me, dark mode isn't useful.
Yes there is dark mode, no plugin and qch help makers are ignoring the palette and giving us no possible way to customize it.