QtCreatorStyling: Difference between revisions

From Qt Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(7 intermediate revisions by 3 users not shown)
Line 1: Line 1:
[toc align_right="yes" depth="3"]


= THE INFORMATION BELOW IS NOT UP TO DATE =
 
[[Category:Tools::QtCreator]]
 
 
{{Outdated|reason=Newer Version of QtCreator supports custom styles without stylesheets}}


Since version 3.3, Qt Creator supports custom styles without the need to go through the hassle of stylesheets.
Since version 3.3, Qt Creator supports custom styles without the need to go through the hassle of stylesheets.


= Qt Creator styling =


Just like other Qt applications, Qt Creator "accepts custom styles and stylesheets":http://doc.qt.io/qt-5.0/qtwidgets/qapplication.html#QApplication. The styling will only be applied as long as you pass the arguments; it will not persist across sessions or be carried over to new versions of Creator.
Just like other Qt applications, Qt Creator [http://doc.qt.io/qt-5/qapplication.html accepts custom styles and stylesheets]. The styling will only be applied as long as you pass the arguments; it will not persist across sessions or be carried over to new versions of Creator.


Exercise caution when applying styles, as overriding the existing styling may make some items difficult to see. Also be aware of the Text Editor's color scheme (Tools > Options > Text Editor > Fonts & Colors > Color Scheme) - setting a stylesheet may affect this. Designer may also be affected by stylesheets.
Exercise caution when applying styles, as overriding the existing styling may make some items difficult to see. Also be aware of the Text Editor's color scheme (Tools > Options > Text Editor > Fonts & Colors > Color Scheme) - setting a stylesheet may affect this. Designer may also be affected by stylesheets.


This page aims to collect custom styles and stylesheets that can be applied to Qt Creator via the <code>-style<code> and <code>-stylesheet<code> parameters. Feel free to add links to your own!
This page aims to collect custom styles and stylesheets that can be applied to Qt Creator via the <code>-style</code> and <code>-stylesheet</code> parameters. Feel free to add links to your own!


== Styling Creator with stylesheets ==
== Styling Creator with stylesheets ==


For help with stylesheets, visit the &quot;stylesheet documentation&amp;quot;:http://doc.qt.io/qt-5.0/qtwidgets/stylesheet.html.
For help with stylesheets, visit the [http://doc.qt.io/qt-5/stylesheet.html stylesheet documentation].


If you need to get more specific (e.g. &quot;specifying object names through ID selectors&amp;quot;:http://doc.qt.io/qt-5.0/qtwidgets/stylesheet-syntax.html#selector-types to style specific widgets), you may need to search through the various .ui files and source code &quot;here&amp;quot;:http://qt.gitorious.org/qt-creator/qt-creator/trees/master/src/plugins. Alternatively, you can clone the Qt Creator Git repository with:<br /></code>git clone git://gitorious.org/qt-creator/qt-creator.git qt-creator</code>
If you need to get more specific (e.g. [http://doc.qt.io/qt-5/stylesheet-syntax.html specifying object names through ID selectors] to style specific widgets), you may need to search through the various .ui files and source code [http://qt.gitorious.org/qt-creator/qt-creator/trees/master/src/plugins here]. Alternatively, you can clone the Qt Creator Git repository with:
<code>git clone git://gitorious.org/qt-creator/qt-creator.git qt-creator</code>


== Custom stylesheets ==
== Custom stylesheets ==
Line 23: Line 26:
* http://stackoverflow.com/a/12950411/904422
* http://stackoverflow.com/a/12950411/904422


[[Image:http://i.stack.imgur.com/xoKvC.png|stylesheet]]
http://i.stack.imgur.com/xoKvC.png


* https://github.com/victorhaggqvist/qtcreator-style
* https://github.com/victorhaggqvist/qtcreator-style


[[Image:https://github.com/victorhaggqvist/qtcreator-style/raw/master/Screenshot_63.png|https://github.com/victorhaggqvist/qtcreator-style/raw/master/Screenshot_63.png]]
https://github.com/victorhaggqvist/qtcreator-style/raw/master/Screenshot_63.png

Latest revision as of 10:13, 8 May 2015



IMPORTANT: The content of this page is outdated. Reason: Newer Version of QtCreator supports custom styles without stylesheets
If you have checked or updated this page and found the content to be suitable, please remove this notice.

Since version 3.3, Qt Creator supports custom styles without the need to go through the hassle of stylesheets.


Just like other Qt applications, Qt Creator accepts custom styles and stylesheets. The styling will only be applied as long as you pass the arguments; it will not persist across sessions or be carried over to new versions of Creator.

Exercise caution when applying styles, as overriding the existing styling may make some items difficult to see. Also be aware of the Text Editor's color scheme (Tools > Options > Text Editor > Fonts & Colors > Color Scheme) - setting a stylesheet may affect this. Designer may also be affected by stylesheets.

This page aims to collect custom styles and stylesheets that can be applied to Qt Creator via the

-style

and

-stylesheet

parameters. Feel free to add links to your own!

Styling Creator with stylesheets

For help with stylesheets, visit the stylesheet documentation.

If you need to get more specific (e.g. specifying object names through ID selectors to style specific widgets), you may need to search through the various .ui files and source code here. Alternatively, you can clone the Qt Creator Git repository with:

git clone git://gitorious.org/qt-creator/qt-creator.git qt-creator

Custom stylesheets

xoKvC.png

Screenshot_63.png