QtCreatorStyling: Difference between revisions

From Qt Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
[[Category:Tools::QtCreator]]<br />[toc align_right=&quot;yes&amp;quot; depth=&quot;3&amp;quot;]
[[Category:Tools::QtCreator]]
[toc align_right="yes" depth="3"]


= THE INFORMATION BELOW IS NOT UP TO DATE =
= THE INFORMATION BELOW IS NOT UP TO DATE =
Line 7: Line 8:
= Qt Creator styling =
= Qt Creator styling =


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


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 > Options > Text Editor > Fonts &amp; 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!
Line 15: Line 16:
== 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 "stylesheet documentation":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 /></code>git clone git://gitorious.org/qt-creator/qt-creator.git qt-creator</code>
If you need to get more specific (e.g. "specifying object names through ID selectors":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 "here":http://qt.gitorious.org/qt-creator/qt-creator/trees/master/src/plugins. 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 ==

Revision as of 08:52, 25 February 2015

[toc align_right="yes" depth="3"]

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":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 "stylesheet documentation":http://doc.qt.io/qt-5.0/qtwidgets/stylesheet.html.

If you need to get more specific (e.g. "specifying object names through ID selectors":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 "here":http://qt.gitorious.org/qt-creator/qt-creator/trees/master/src/plugins. Alternatively, you can clone the Qt Creator Git repository with:

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