RibbonBlur: Add solid bg property.

lib_source/qml/RibbonBlur.qml

@@ -8,9 +8,10 @@ Item {
     property int blur_radius: 32
     property alias target: effect.sourceItem
     property rect target_rect : Qt.rect(control.x, control.y, control.width, control.height)
-    property color mask_color: RibbonTheme.dark_mode ? "#212629" : "white"
+    property color mask_color: RibbonTheme.dark_mode ? RibbonTheme.modern_style ? '#292929' : "#212629" : "white"
     property double mask_opacity: 0.5
     property alias mask_border: mask.border
+    property bool use_solid_bg: true
 
     ShaderEffectSource {
         id: effect
@@ -18,10 +19,6 @@ Item {
         sourceRect: target_rect
         sourceItem: target
         visible: false
-        Rectangle{
-            radius: control.radius
-            visible: false
-        }
     }
 
     GaussianBlur{
@@ -34,6 +31,10 @@ Item {
         visible: false
     }
 
+    Rectangle{
+        anchors.fill: parent
+        color: use_solid_bg ? mask_color : 'transparent'
+        radius: control.radius
         OpacityMask {
             anchors.fill: parent
             source: blur
@@ -43,6 +44,7 @@ Item {
                 radius: control.radius
             }
         }
+    }
 
     Rectangle{
         id: mask
@@ -51,6 +53,4 @@ Item {
         opacity: mask_opacity
         radius: control.radius
     }
-
-
 }

lib_source/qml/RibbonView.qml

@@ -39,6 +39,7 @@ Item {
         visible: top_padding
         clip: true
         target_rect: Qt.rect(x,y-top_padding,width,height)
+        use_solid_bg: false
     }
 
     Item{
@@ -72,5 +73,6 @@ Item {
         visible: bottom_padding
         clip: true
         target_rect: Qt.rect(x,y-top_padding,width,height)
+        use_solid_bg: false
     }
 }