Make Quick Settings panels opaque with a card border

shell/Commons/Style.qml

@@ -514,7 +514,7 @@ QtObject {
   readonly property int cardRadius: 0
   readonly property real cardFillAlpha: 0.6
   readonly property real cardBorderAlpha: 0.5
-  readonly property real panelFillAlpha: 0.92
+  readonly property real panelFillAlpha: 1.0
   readonly property int cardPadding: spaceReal(14)
   readonly property int cardSpacing: spaceReal(10)
   readonly property int tilePadding: spaceReal(8)

shell/plugins/panels/quick-settings/QuickSettings.qml

@@ -32,6 +32,9 @@ Item {
   readonly property int screensaverSeconds: root.timeoutSeconds(idleConfig.screensaver, 150)
   readonly property int lockSeconds: root.timeoutSeconds(idleConfig.lock, 300)
 
+  readonly property color floatingFillColor: Util.alpha(Color.background, Style.panelFillAlpha)
+  readonly property color floatingBorderColor: Qt.tint(Color.background, Util.alpha(Color.blue, Style.cardBorderAlpha))
+
   readonly property int barInset: {
     var bar = root.shell ? root.shell.bar : null
     if (!bar || bar.barHidden === true) return 0
@@ -242,6 +245,8 @@ Item {
       anchors.top: controlCentre.top
       anchors.right: controlCentre.left
       anchors.rightMargin: Style.spaceReal(12)
+      fillColor: root.floatingFillColor
+      borderColor: root.floatingBorderColor
       available: root.weatherAvailable
       glyph: root.weatherGlyph
       place: root.weatherPlace
@@ -255,7 +260,8 @@ Item {
       anchors.topMargin: Style.spaceReal(10) + root.barInset
       anchors.horizontalCenter: parent.horizontalCenter
       implicitWidth: Math.max(Style.spaceReal(520), tabBar.requiredWidth + padding * 2)
-      fillColor: Util.alpha(Color.background, Style.panelFillAlpha)
+      fillColor: root.floatingFillColor
+      borderColor: root.floatingBorderColor
       spacing: Style.spaceReal(12)
 
       Header {