1 files changed, 18 insertions, 16 deletions
diff --git a/basicsuite/mediaplayer/EffectSelectionPanel.qml b/basicsuite/mediaplayer/EffectSelectionPanel.qml
index 4f29f50..9aee910 100755..100644
--- a/basicsuite/mediaplayer/EffectSelectionPanel.qml
+++ b/basicsuite/mediaplayer/EffectSelectionPanel.qml
@@ -51,8 +51,7 @@ import QtQuick 2.0
 
 Rectangle {
     id: root
-    color: "#BB333333"
-    height: 78
+    color: _backgroundColor
     property int itemHeight: 25
     property string effectSource: ""
     property bool isMouseAbove: mouseAboveMonitor.containsMouse
@@ -76,14 +75,14 @@ Rectangle {
         ListElement { name: "Glow"; source: "Effects/EffectGlow.qml" }
         ListElement { name: "Isolate"; source: "Effects/EffectIsolate.qml" }
         //ListElement { name: "Magnify"; source: "Effects/EffectMagnify.qml" }
-//        ListElement { name: "Page curl"; source: "Effects/EffectPageCurl.qml" }
+        //        ListElement { name: "Page curl"; source: "Effects/EffectPageCurl.qml" }
         ListElement { name: "Pixelate"; source: "Effects/EffectPixelate.qml" }
         ListElement { name: "Posterize"; source: "Effects/EffectPosterize.qml" }
-//        ListElement { name: "Ripple"; source: "Effects/EffectRipple.qml" }
+        //        ListElement { name: "Ripple"; source: "Effects/EffectRipple.qml" }
         ListElement { name: "Sepia"; source: "Effects/EffectSepia.qml" }
         ListElement { name: "Sharpen"; source: "Effects/EffectSharpen.qml" }
         ListElement { name: "Shockwave"; source: "Effects/EffectShockwave.qml" }
-//        ListElement { name: "Tilt shift"; source: "Effects/EffectTiltShift.qml" }
+        //        ListElement { name: "Tilt shift"; source: "Effects/EffectTiltShift.qml" }
         ListElement { name: "Toon"; source: "Effects/EffectToon.qml" }
         ListElement { name: "Warhol"; source: "Effects/EffectWarhol.qml" }
         ListElement { name: "Wobble"; source: "Effects/EffectWobble.qml" }
@@ -104,6 +103,7 @@ Rectangle {
                 height: 0.8 * itemHeight
                 text: name
                 color: "white"
+                font.family: appFont
             }
 
             states: [
@@ -140,7 +140,7 @@ Rectangle {
         id: list
         anchors.fill: parent
         clip: true
-        anchors.margins: 14
+        anchors.margins: itemMargin
         model: sources
         focus: root.visible && root.opacity && urlBar.opacity === 0
 
@@ -153,18 +153,20 @@ Rectangle {
         }
 
         delegate: Item {
-            height: 40
+            height: itemHeight
             width: parent.width
-            Rectangle {
+            property bool isSelected: list.currentIndex == index
+            Text {
+                color: parent.isSelected ? _primaryGreen : "white"
+                text: name
+                anchors.centerIn: parent
+                font.pixelSize: defaultFontSize
+                font.family: appFont
+                font.styleName: parent.isSelected ? "Bold" : "Regular"
+            }
+            MouseArea {
                 anchors.fill: parent
-                border.color: index == list.currentIndex ? "#44ffffff" : "transparent"
-                color: index == list.currentIndex ? "#22ffffff" : "transparent"
-                radius: 3
-                Text { color: "white" ; text: name ; anchors.centerIn: parent; font.pixelSize: 20  }
-                MouseArea {
-                    anchors.fill: parent
-                    onClicked:  list.currentIndex = index
-                }
+                onClicked:  list.currentIndex = index
             }
         }
     }