From ae2ff16db7ba2fbb4a4fdb6bc16844060e69b61d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20K=C3=BCgler?= <sebas@kde.org>
Date: Mon, 11 Nov 2013 22:51:17 +0100
Subject: [PATCH] Show some theme colors in the Theme page

---
 .../testcomponents/contents/ui/ThemePage.qml  | 59 ++++++++++++++++---
 1 file changed, 52 insertions(+), 7 deletions(-)

diff --git a/examples/applets/testcomponents/contents/ui/ThemePage.qml b/examples/applets/testcomponents/contents/ui/ThemePage.qml
index f12affae7..d67c4be80 100644
--- a/examples/applets/testcomponents/contents/ui/ThemePage.qml
+++ b/examples/applets/testcomponents/contents/ui/ThemePage.qml
@@ -26,30 +26,75 @@ import org.kde.qtextracomponents 2.0 as QtExtras
 // IconTab
 
 PlasmaComponents.Page {
+
+
+    property int cheight: 48
+    property int cwidth: themePage.width / 1.5
+
     id: themePage
     anchors {
         fill: parent
         margins: _s
     }
+
     Column {
-        anchors.fill: parent
-        spacing: _s
+        //anchors.fill: parent
+        spacing: _s / 4
 
         PlasmaExtras.Title {
             width: parent.width
             elide: Text.ElideRight
             text: "Theme"
         }
-        PlasmaComponents.Label {
-            text: "This is the default Font."
-            font: theme.smallestFont
-            //font.pointSize: theme.smallestReadableFont.pointSize
 
-        }
         PlasmaComponents.Label {
             text: "This is the smallest readable Font."
             font.pointSize: theme.smallestFont.pointSize
 
         }
+        Row {
+            PlasmaComponents.Label {
+                text: "textColor: "
+                width: cwidth
+            }
+            Rectangle {
+                width: cheight
+                height: cheight / 2
+                color: theme.textColor
+            }
+        }
+        Row {
+            PlasmaComponents.Label {
+                text: "buttonTextColor: "
+                width: cwidth
+            }
+            Rectangle {
+                width: cheight
+                height: cheight / 2
+                color: buttonTextColor
+            }
+        }
+        Row {
+            PlasmaComponents.Label {
+                text: "highlightColor: "
+                width: cwidth
+            }
+            Rectangle {
+                width: cheight
+                height: cheight / 2
+                color: theme.highlightColor
+            }
+        }
+        Row {
+            PlasmaComponents.Label {
+                text: "viewBackgroundColor: "
+                width: cwidth
+            }
+            Rectangle {
+                width: cheight
+                height: cheight / 2
+                color: theme.viewBackgroundColor
+            }
+        }
     }
 }