QtCreatorStyling: Difference between revisions

From Qt Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
=<span class="caps">THE</span> <span class="caps">INFORMATION</span> <span class="caps">BELOW</span> IS <span class="caps">NOT</span> UP TO <span class="caps">DATE</span>=
[toc align_right=&quot;yes&amp;quot; depth=&quot;3&amp;quot;]
 
= THE INFORMATION BELOW IS NOT UP TO DATE =


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=
= Qt Creator styling =


Just like other Qt applications, Qt Creator [http://doc.qt.io/qt-5.0/qtwidgets/qapplication.html#QApplication accepts custom styles and stylesheets] ''[qt.io]''. 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 &quot;accepts custom styles and stylesheets&amp;quot;: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.


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 &gt; Options &gt; Text Editor &gt; Fonts &amp; Colors &gt; 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 &gt; Options &gt; Text Editor &gt; Fonts &amp; Colors &gt; Color Scheme) - setting a stylesheet may affect this. Designer may also be affected by stylesheets.


==Styling Creator with 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!


For help with stylesheets, visit the [http://doc.qt.io/qt-5.0/qtwidgets/stylesheet.html stylesheet documentation] ''[qt.io]''.
== Styling Creator with stylesheets ==


If you need to get more specific (e.g. [http://doc.qt.io/qt-5.0/qtwidgets/stylesheet-syntax.html#selector-types specifying object names through ID selectors] ''[qt.io]'' 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] ''[qt.gitorious.org]''. Alternatively, you can clone the Qt Creator Git repository with:<br />
For help with stylesheets, visit the &quot;stylesheet documentation&amp;quot;:http://doc.qt.io/qt-5.0/qtwidgets/stylesheet.html.


==Custom stylesheets==
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>
 
== Custom stylesheets ==


* http://stackoverflow.com/a/12950411/904422
* http://stackoverflow.com/a/12950411/904422


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


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


[[Image:Screenshot_63.png]]
[[Image:https://github.com/victorhaggqvist/qtcreator-style/raw/master/Screenshot_63.png|https://github.com/victorhaggqvist/qtcreator-style/raw/master/Screenshot_63.png]]
 
==Custom styles==
 
===Categories:===
 
* [[:Category:Tools|Tools]]
** [[:Category:Tools::QtCreator|QtCreator]]

Revision as of 12:47, 23 February 2015

[toc align_right="yes&quot; depth="3&quot;]

THE INFORMATION BELOW IS NOT UP TO DATE

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&quot;: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.

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<code> and <code>-stylesheet<code> parameters. Feel free to add links to your own!

== 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.

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 />

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

Custom stylesheets

stylesheet

https://github.com/victorhaggqvist/qtcreator-style/raw/master/Screenshot_63.png