use seperation border instead of different color for sidebar

1 files changed, 9 insertions, 3 deletions

diff --git a/components/kube/contents/ui/Kube.qml b/components/kube/contents/ui/Kube.qml
index dc89e69b..b5eee31f 100644
--- a/components/kube/contents/ui/Kube.qml
+++ b/components/kube/contents/ui/Kube.qml
@@ -102,7 +102,15 @@ Controls2.ApplicationWindow {
                 bottom: mainContent.bottom
             }
             width: Kube.Units.gridUnit + Kube.Units.largeSpacing
-            color: Kube.Colors.statusbarColor
+            color: Kube.Colors.textColor
+
+            Rectangle {
+                anchors.right: parent.right
+                width: 1
+                height: parent.height
+                color: Kube.Colors.viewBackgroundColor
+                opacity: 0.3
+            }
 
             Column {
                 anchors {
@@ -171,8 +179,6 @@ Controls2.ApplicationWindow {
             function openComposerWithMail(mail, openAsDraft) {
                 kubeViews.push({item: composerView, immediate: true, properties: {message: mail, loadAsDraft: openAsDraft}})
             }
-
-
             //Not components so we maintain state
             MailView {
                 id: mailView