<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en_US" lang="en_US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- qdeclarativesystempalette.cpp -->
<title>Qt 4.8: QML SystemPalette Element</title>
<link rel="stylesheet" type="text/css" href="style/style.css" />
<script src="scripts/jquery.js" type="text/javascript"></script>
<script src="scripts/functions.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="style/superfish.css" />
<link rel="stylesheet" type="text/css" href="style/narrow.css" />
<!--[if IE]>
<meta name="MSSmartTagsPreventParsing" content="true">
<meta http-equiv="imagetoolbar" content="no">
<![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="style/style_ie6.css">
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="style/style_ie7.css">
<![endif]-->
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="style/style_ie8.css">
<![endif]-->
<script src="scripts/superfish.js" type="text/javascript"></script>
<script src="scripts/narrow.js" type="text/javascript"></script>
</head>
<body class="" onload="CheckEmptyAndLoadList();">
<div class="header" id="qtdocheader">
<div class="content">
<div id="nav-logo">
<a href="index.html">Home</a></div>
<a href="index.html" class="qtref"><span>Qt Reference Documentation</span></a>
<div id="narrowsearch"></div>
<div id="nav-topright">
<ul>
<li class="nav-topright-home"><a href="http://qt.digia.com/">Qt HOME</a></li>
<li class="nav-topright-dev"><a href="http://qt-project.org/">DEV</a></li>
<li class="nav-topright-doc nav-topright-doc-active"><a href="http://qt-project.org/doc/">
DOC</a></li>
<li class="nav-topright-blog"><a href="http://blog.qt.digia.com/">BLOG</a></li>
</ul>
</div>
<div id="shortCut">
<ul>
<li class="shortCut-topleft-inactive"><span><a href="index.html">Qt 4.8</a></span></li>
<li class="shortCut-topleft-active"><a href="http://qt-project.org/doc/">ALL VERSIONS </a></li>
</ul>
</div>
<ul class="sf-menu" id="narrowmenu">
<li><a href="#">API Lookup</a>
<ul>
<li><a href="classes.html">Class index</a></li>
<li><a href="functions.html">Function index</a></li>
<li><a href="modules.html">Modules</a></li>
<li><a href="namespaces.html">Namespaces</a></li>
<li><a href="qtglobal.html">Global Declarations</a></li>
<li><a href="qdeclarativeelements.html">QML elements</a></li>
</ul>
</li>
<li><a href="#">Qt Topics</a>
<ul>
<li><a href="qt-basic-concepts.html">Programming with Qt</a></li>
<li><a href="qtquick.html">Device UIs & Qt Quick</a></li>
<li><a href="qt-gui-concepts.html">UI Design with Qt</a></li>
<li><a href="supported-platforms.html">Supported Platforms</a></li>
<li><a href="technology-apis.html">Qt and Key Technologies</a></li>
<li><a href="best-practices.html">How-To's and Best Practices</a></li>
</ul>
</li>
<li><a href="#">Examples</a>
<ul>
<li><a href="all-examples.html">Examples</a></li>
<li><a href="tutorials.html">Tutorials</a></li>
<li><a href="demos.html">Demos</a></li>
<li><a href="qdeclarativeexamples.html">QML Examples</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div class="wrapper">
<div class="hd">
<span></span>
</div>
<div class="bd group">
<div class="sidebar">
<div class="searchlabel">
Search index:</div>
<div class="search" id="sidebarsearch">
<form id="qtdocsearch" action="" onsubmit="return false;">
<fieldset>
<input type="text" name="searchstring" id="pageType" value="" />
<div id="resultdialog">
<a href="#" id="resultclose">Close</a>
<p id="resultlinks" class="all"><a href="#" id="showallresults">All</a> | <a href="#" id="showapiresults">API</a> | <a href="#" id="showarticleresults">Articles</a> | <a href="#" id="showexampleresults">Examples</a></p>
<p id="searchcount" class="all"><span id="resultcount"></span><span id="apicount"></span><span id="articlecount"></span><span id="examplecount"></span> results:</p>
<ul id="resultlist" class="all">
</ul>
</div>
</fieldset>
</form>
</div>
<div class="box first bottombar" id="lookup">
<h2 title="API Lookup"><span></span>
API Lookup</h2>
<div id="list001" class="list">
<ul id="ul001" >
<li class="defaultLink"><a href="classes.html">Class index</a></li>
<li class="defaultLink"><a href="functions.html">Function index</a></li>
<li class="defaultLink"><a href="modules.html">Modules</a></li>
<li class="defaultLink"><a href="namespaces.html">Namespaces</a></li>
<li class="defaultLink"><a href="qtglobal.html">Global Declarations</a></li>
<li class="defaultLink"><a href="qdeclarativeelements.html">QML elements</a></li>
</ul>
</div>
</div>
<div class="box bottombar" id="topics">
<h2 title="Qt Topics"><span></span>
Qt Topics</h2>
<div id="list002" class="list">
<ul id="ul002" >
<li class="defaultLink"><a href="qt-basic-concepts.html">Programming with Qt</a></li>
<li class="defaultLink"><a href="qtquick.html">Device UIs & Qt Quick</a></li>
<li class="defaultLink"><a href="qt-gui-concepts.html">UI Design with Qt</a></li>
<li class="defaultLink"><a href="supported-platforms.html">Supported Platforms</a></li>
<li class="defaultLink"><a href="technology-apis.html">Qt and Key Technologies</a></li>
<li class="defaultLink"><a href="best-practices.html">How-To's and Best Practices</a></li>
</ul>
</div>
</div>
<div class="box" id="examples">
<h2 title="Examples"><span></span>
Examples</h2>
<div id="list003" class="list">
<ul id="ul003">
<li class="defaultLink"><a href="all-examples.html">Examples</a></li>
<li class="defaultLink"><a href="tutorials.html">Tutorials</a></li>
<li class="defaultLink"><a href="demos.html">Demos</a></li>
<li class="defaultLink"><a href="qdeclarativeexamples.html">QML Examples</a></li>
</ul>
</div>
</div>
</div>
<div class="wrap">
<div class="toolbar">
<div class="breadcrumb toolblock">
<ul>
<li class="first"><a href="index.html">Home</a></li>
<!-- Breadcrumbs go here -->
<li><a href="qdeclarativeelements.html">QML Elements</a></li>
<li>QML SystemPalette Element</li>
</ul>
</div>
<div class="toolbuttons toolblock">
<ul>
<li id="smallA" class="t_button">A</li>
<li id="medA" class="t_button active">A</li>
<li id="bigA" class="t_button">A</li>
<li id="print" class="t_button"><a href="javascript:this.print();">
<span>Print</span></a></li>
</ul>
</div>
</div>
<div class="content mainContent">
<div class="toc">
<h3><a name="toc">Contents</a></h3>
<ul>
<li class="level1"><a href="#properties">Properties</a></li>
<li class="level1"><a href="#details">Detailed Description</a></li>
</ul>
</div>
<h1 class="title">QML SystemPalette Element</h1>
<span class="subtitle"></span>
<!-- $$$SystemPalette-brief -->
<p>The SystemPalette element provides access to the Qt palettes. <a href="#details">More...</a></p>
<!-- @@@SystemPalette -->
<p>This element was introduced in Qt 4.7.</p>
<ul>
<li><a href="qml-systempalette-members.html">List of all members, including inherited members</a></li>
</ul>
<a name="properties"></a>
<h2>Properties</h2>
<ul>
<li class="fn"><b><b><a href="qml-systempalette.html#alternateBase-prop">alternateBase</a></b></b> : color</li>
<li class="fn"><b><b><a href="qml-systempalette.html#base-prop">base</a></b></b> : color</li>
<li class="fn"><b><b><a href="qml-systempalette.html#button-prop">button</a></b></b> : color</li>
<li class="fn"><b><b><a href="qml-systempalette.html#buttonText-prop">buttonText</a></b></b> : color</li>
<li class="fn"><b><b><a href="qml-systempalette.html#colorGroup-prop">colorGroup</a></b></b> : enumeration</li>
<li class="fn"><b><b><a href="qml-systempalette.html#dark-prop">dark</a></b></b> : color</li>
<li class="fn"><b><b><a href="qml-systempalette.html#highlight-prop">highlight</a></b></b> : color</li>
<li class="fn"><b><b><a href="qml-systempalette.html#highlightedText-prop">highlightedText</a></b></b> : color</li>
<li class="fn"><b><b><a href="qml-systempalette.html#light-prop">light</a></b></b> : color</li>
<li class="fn"><b><b><a href="qml-systempalette.html#mid-prop">mid</a></b></b> : color</li>
<li class="fn"><b><b><a href="qml-systempalette.html#midlight-prop">midlight</a></b></b> : color</li>
<li class="fn"><b><b><a href="qml-systempalette.html#shadow-prop">shadow</a></b></b> : color</li>
<li class="fn"><b><b><a href="qml-systempalette.html#text-prop">text</a></b></b> : color</li>
<li class="fn"><b><b><a href="qml-systempalette.html#window-prop">window</a></b></b> : color</li>
<li class="fn"><b><b><a href="qml-systempalette.html#windowText-prop">windowText</a></b></b> : color</li>
</ul>
<!-- $$$SystemPalette-description -->
<a name="details"></a>
<h2>Detailed Description</h2>
<p>The SystemPalette element provides access to the Qt application palettes. This provides information about the standard colors used for application windows, buttons and other features. These colors are grouped into three <i>color groups</i>: <tt>Active</tt>, <tt>Inactive</tt>, and <tt>Disabled</tt>. See the <a href="qpalette.html">QPalette</a> documentation for details about color groups and the properties provided by SystemPalette.</p>
<p>This can be used to color items in a way that provides a more native look and feel.</p>
<p>The following example creates a palette from the <tt>Active</tt> color group and uses this to color the window and text items appropriately:</p>
<pre class="qml"> import QtQuick 1.0
<span class="type"><a href="qml-rectangle.html">Rectangle</a></span> {
<span class="type">SystemPalette</span> { <span class="name">id</span>: <span class="name">myPalette</span>; <span class="name">colorGroup</span>: <span class="name">SystemPalette</span>.<span class="name">Active</span> }
<span class="name">width</span>: <span class="number">640</span>; <span class="name">height</span>: <span class="number">480</span>
<span class="name">color</span>: <span class="name">myPalette</span>.<span class="name">window</span>
<span class="type"><a href="qml-text.html">Text</a></span> {
<span class="name">anchors</span>.fill: <span class="name">parent</span>
<span class="name">text</span>: <span class="string">"Hello!"</span>; <span class="name">color</span>: <span class="name">myPalette</span>.<span class="name">windowText</span>
}
}</pre>
<p><b>See also </b><a href="qpalette.html">QPalette</a>.</p>
<!-- @@@SystemPalette -->
<h2>Property Documentation</h2>
<!-- $$$alternateBase -->
<div class="qmlitem"><div class="qmlproto"><table class="qmlname"><tr valign="top" class="odd"><td class="tblQmlPropNode"><p><a name="alternateBase-prop"></a><span class="qmlreadonly">read-only</span><span class="name">alternateBase</span> : <span class="type"><a href="qml-color.html">color</a></span></p></td></tr></table></div><div class="qmldoc"><p>The alternate base color of the current color group.</p>
<p><b>See also </b><a href="qpalette.html#ColorRole-enum">QPalette::ColorRole</a>.</p>
</div></div><!-- @@@alternateBase -->
<br/>
<!-- $$$base -->
<div class="qmlitem"><div class="qmlproto"><table class="qmlname"><tr valign="top" class="odd"><td class="tblQmlPropNode"><p><a name="base-prop"></a><span class="qmlreadonly">read-only</span><span class="name">base</span> : <span class="type"><a href="qml-color.html">color</a></span></p></td></tr></table></div><div class="qmldoc"><p>The base color of the current color group.</p>
<p><b>See also </b><a href="qpalette.html#ColorRole-enum">QPalette::ColorRole</a>.</p>
</div></div><!-- @@@base -->
<br/>
<!-- $$$button -->
<div class="qmlitem"><div class="qmlproto"><table class="qmlname"><tr valign="top" class="odd"><td class="tblQmlPropNode"><p><a name="button-prop"></a><span class="qmlreadonly">read-only</span><span class="name">button</span> : <span class="type"><a href="qml-color.html">color</a></span></p></td></tr></table></div><div class="qmldoc"><p>The button color of the current color group.</p>
<p><b>See also </b><a href="qpalette.html#ColorRole-enum">QPalette::ColorRole</a>.</p>
</div></div><!-- @@@button -->
<br/>
<!-- $$$buttonText -->
<div class="qmlitem"><div class="qmlproto"><table class="qmlname"><tr valign="top" class="odd"><td class="tblQmlPropNode"><p><a name="buttonText-prop"></a><span class="qmlreadonly">read-only</span><span class="name">buttonText</span> : <span class="type"><a href="qml-color.html">color</a></span></p></td></tr></table></div><div class="qmldoc"><p>The button text foreground color of the current color group.</p>
<p><b>See also </b><a href="qpalette.html#ColorRole-enum">QPalette::ColorRole</a>.</p>
</div></div><!-- @@@buttonText -->
<br/>
<!-- $$$colorGroup -->
<div class="qmlitem"><div class="qmlproto"><table class="qmlname"><tr valign="top" class="odd"><td class="tblQmlPropNode"><p><a name="colorGroup-prop"></a><span class="name">colorGroup</span> : <span class="type"><a href="qml-enumeration.html">enumeration</a></span></p></td></tr></table></div><div class="qmldoc"><p>The color group of the palette. This can be one of:</p>
<ul>
<li><a href="qml-systempalette.html">SystemPalette</a>.Active (default)</li>
<li><a href="qml-systempalette.html">SystemPalette</a>.Inactive</li>
<li><a href="qml-systempalette.html">SystemPalette</a>.Disabled</li>
</ul>
<p><b>See also </b><a href="qpalette.html#ColorGroup-enum">QPalette::ColorGroup</a>.</p>
</div></div><!-- @@@colorGroup -->
<br/>
<!-- $$$dark -->
<div class="qmlitem"><div class="qmlproto"><table class="qmlname"><tr valign="top" class="odd"><td class="tblQmlPropNode"><p><a name="dark-prop"></a><span class="qmlreadonly">read-only</span><span class="name">dark</span> : <span class="type"><a href="qml-color.html">color</a></span></p></td></tr></table></div><div class="qmldoc"><p>The dark color of the current color group.</p>
<p><b>See also </b><a href="qpalette.html#ColorRole-enum">QPalette::ColorRole</a>.</p>
</div></div><!-- @@@dark -->
<br/>
<!-- $$$highlight -->
<div class="qmlitem"><div class="qmlproto"><table class="qmlname"><tr valign="top" class="odd"><td class="tblQmlPropNode"><p><a name="highlight-prop"></a><span class="qmlreadonly">read-only</span><span class="name">highlight</span> : <span class="type"><a href="qml-color.html">color</a></span></p></td></tr></table></div><div class="qmldoc"><p>The highlight color of the current color group.</p>
<p><b>See also </b><a href="qpalette.html#ColorRole-enum">QPalette::ColorRole</a>.</p>
</div></div><!-- @@@highlight -->
<br/>
<!-- $$$highlightedText -->
<div class="qmlitem"><div class="qmlproto"><table class="qmlname"><tr valign="top" class="odd"><td class="tblQmlPropNode"><p><a name="highlightedText-prop"></a><span class="qmlreadonly">read-only</span><span class="name">highlightedText</span> : <span class="type"><a href="qml-color.html">color</a></span></p></td></tr></table></div><div class="qmldoc"><p>The highlighted text color of the current color group.</p>
<p><b>See also </b><a href="qpalette.html#ColorRole-enum">QPalette::ColorRole</a>.</p>
</div></div><!-- @@@highlightedText -->
<br/>
<!-- $$$light -->
<div class="qmlitem"><div class="qmlproto"><table class="qmlname"><tr valign="top" class="odd"><td class="tblQmlPropNode"><p><a name="light-prop"></a><span class="qmlreadonly">read-only</span><span class="name">light</span> : <span class="type"><a href="qml-color.html">color</a></span></p></td></tr></table></div><div class="qmldoc"><p>The light color of the current color group.</p>
<p><b>See also </b><a href="qpalette.html#ColorRole-enum">QPalette::ColorRole</a>.</p>
</div></div><!-- @@@light -->
<br/>
<!-- $$$mid -->
<div class="qmlitem"><div class="qmlproto"><table class="qmlname"><tr valign="top" class="odd"><td class="tblQmlPropNode"><p><a name="mid-prop"></a><span class="qmlreadonly">read-only</span><span class="name">mid</span> : <span class="type"><a href="qml-color.html">color</a></span></p></td></tr></table></div><div class="qmldoc"><p>The mid color of the current color group.</p>
<p><b>See also </b><a href="qpalette.html#ColorRole-enum">QPalette::ColorRole</a>.</p>
</div></div><!-- @@@mid -->
<br/>
<!-- $$$midlight -->
<div class="qmlitem"><div class="qmlproto"><table class="qmlname"><tr valign="top" class="odd"><td class="tblQmlPropNode"><p><a name="midlight-prop"></a><span class="qmlreadonly">read-only</span><span class="name">midlight</span> : <span class="type"><a href="qml-color.html">color</a></span></p></td></tr></table></div><div class="qmldoc"><p>The midlight color of the current color group.</p>
<p><b>See also </b><a href="qpalette.html#ColorRole-enum">QPalette::ColorRole</a>.</p>
</div></div><!-- @@@midlight -->
<br/>
<!-- $$$shadow -->
<div class="qmlitem"><div class="qmlproto"><table class="qmlname"><tr valign="top" class="odd"><td class="tblQmlPropNode"><p><a name="shadow-prop"></a><span class="qmlreadonly">read-only</span><span class="name">shadow</span> : <span class="type"><a href="qml-color.html">color</a></span></p></td></tr></table></div><div class="qmldoc"><p>The shadow color of the current color group.</p>
<p><b>See also </b><a href="qpalette.html#ColorRole-enum">QPalette::ColorRole</a>.</p>
</div></div><!-- @@@shadow -->
<br/>
<!-- $$$text -->
<div class="qmlitem"><div class="qmlproto"><table class="qmlname"><tr valign="top" class="odd"><td class="tblQmlPropNode"><p><a name="text-prop"></a><span class="qmlreadonly">read-only</span><span class="name">text</span> : <span class="type"><a href="qml-color.html">color</a></span></p></td></tr></table></div><div class="qmldoc"><p>The text color of the current color group.</p>
<p><b>See also </b><a href="qpalette.html#ColorRole-enum">QPalette::ColorRole</a>.</p>
</div></div><!-- @@@text -->
<br/>
<!-- $$$window -->
<div class="qmlitem"><div class="qmlproto"><table class="qmlname"><tr valign="top" class="odd"><td class="tblQmlPropNode"><p><a name="window-prop"></a><span class="qmlreadonly">read-only</span><span class="name">window</span> : <span class="type"><a href="qml-color.html">color</a></span></p></td></tr></table></div><div class="qmldoc"><p>The window (general background) color of the current color group.</p>
<p><b>See also </b><a href="qpalette.html#ColorRole-enum">QPalette::ColorRole</a>.</p>
</div></div><!-- @@@window -->
<br/>
<!-- $$$windowText -->
<div class="qmlitem"><div class="qmlproto"><table class="qmlname"><tr valign="top" class="odd"><td class="tblQmlPropNode"><p><a name="windowText-prop"></a><span class="qmlreadonly">read-only</span><span class="name">windowText</span> : <span class="type"><a href="qml-color.html">color</a></span></p></td></tr></table></div><div class="qmldoc"><p>The window text (general foreground) color of the current color group.</p>
<p><b>See also </b><a href="qpalette.html#ColorRole-enum">QPalette::ColorRole</a>.</p>
</div></div><!-- @@@windowText -->
<br/>
</div>
</div>
</div>
<div class="ft">
<span></span>
</div>
</div>
<div class="footer">
<p>
<acronym title="Copyright">©</acronym> 2013 Digia Plc and/or its
subsidiaries. Documentation contributions included herein are the copyrights of
their respective owners.</p>
<br />
<p>
The documentation provided herein is licensed under the terms of the
<a href="http://www.gnu.org/licenses/fdl.html">GNU Free Documentation
License version 1.3</a> as published by the Free Software Foundation.</p>
<p>
Documentation sources may be obtained from <a href="http://www.qt-project.org">
www.qt-project.org</a>.</p>
<br />
<p>
Digia, Qt and their respective logos are trademarks of Digia Plc
in Finland and/or other countries worldwide. All other trademarks are property
of their respective owners. <a title="Privacy Policy"
href="http://en.gitorious.org/privacy_policy/">Privacy Policy</a></p>
</div>
<script src="scripts/functions.js" type="text/javascript"></script>
</body>
</html>
