diff --git a/examples/android/resources.qrc b/examples/android/resources.qrc
--- a/examples/android/resources.qrc
+++ b/examples/android/resources.qrc
@@ -12,6 +12,7 @@
../gallery/contents/ui/gallery/ListViewGallery.qml
../gallery/contents/ui/gallery/SwitchGallery.qml
../gallery/contents/ui/gallery/TextFieldGallery.qml
+ ../gallery/contents/ui/gallery/ColorsGallery.qml
../gallery/contents/ui/ExampleApp.qml
../gallery/metadata.desktop
diff --git a/examples/gallery/contents/ui/MainPage.qml b/examples/gallery/contents/ui/MainPage.qml
--- a/examples/gallery/contents/ui/MainPage.qml
+++ b/examples/gallery/contents/ui/MainPage.qml
@@ -101,6 +101,10 @@
text: "Non Scrollable Page"
component: "NonScrollable"
}
+ ListElement {
+ text: "Colors"
+ component: "Colors"
+ }
}
delegate: Kirigami.SwipeListItem {
id: listItem
diff --git a/examples/gallery/contents/ui/gallery/ColorsGallery.qml b/examples/gallery/contents/ui/gallery/ColorsGallery.qml
new file mode 100644
--- /dev/null
+++ b/examples/gallery/contents/ui/gallery/ColorsGallery.qml
@@ -0,0 +1,63 @@
+/*
+ * Copyright 2016 Aleix Pol Gonzalez
+ *
+ * This program is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU Library General Public License as
+ * published by the Free Software Foundation; either version 2 or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Library General Public License for more details
+ *
+ * You should have received a copy of the GNU Library General Public
+ * License along with this program; if not, write to the
+ * Free Software Foundation, Inc.,
+ * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+
+import QtQuick 2.0
+import QtQuick.Controls 1.2 as Controls
+import QtQuick.Layouts 1.2
+import org.kde.kirigami 1.0
+
+ScrollablePage {
+ title: "Colors"
+
+ function endsWith(subject, predicate) {
+ var idx = subject.indexOf(predicate);
+ return idx + predicate.length == subject.length;
+ }
+ function getkeys() {
+ var keys = [];
+ for(var v in Theme) {
+ if (endsWith(v, "Color"))
+ keys.push(v);
+ }
+ keys.sort();
+ return keys;
+ }
+
+ GridView {
+ id: view
+ model: getkeys()
+ cellWidth: 120
+
+ delegate: ColumnLayout {
+ Rectangle {
+ width: view.cellWidth
+ height: 50
+ color: Theme[modelData]
+ border {
+ width: 1
+ color: "black"
+ }
+ }
+ Label {
+ Layout.alignment: Qt.AlignVCenter | Qt.AlignHCenter
+ text: modelData
+ }
+ }
+ }
+}