Tweak look of parameter groups

source/frontend/carla_widgets.py

@@ -1479,18 +1479,16 @@ class PluginEdit(QDialog):
             scrollArea.setWidgetResizable(True)
             scrollArea.setFrameStyle(0)
 
-            # FIXME
-            color1 = self.ui.tabWidget.palette().color(QPalette.Button).lighter(124)
-            color2 = self.ui.tabWidget.palette().color(QPalette.Button)
             palette1 = scrollArea.palette()
-            palette1.setColor(QPalette.Background, color1)
-            palette2 = scrollArea.palette()
-            palette2.setColor(QPalette.Background, color1)
+            palette1.setColor(QPalette.Background, Qt.transparent)
             scrollArea.setPalette(palette1)
 
+            palette2 = scrollArea.palette()
+            palette2.setColor(QPalette.Background, palette2.color(QPalette.Button))
+
             scrollAreaWidget = QWidget(scrollArea)
             scrollAreaLayout = QVBoxLayout(scrollAreaWidget)
-            scrollAreaLayout.setSpacing(1)
+            scrollAreaLayout.setSpacing(3)
 
             for paramInfo in paramList:
                 groupName = paramInfo['groupName']

source/frontend/widgets/collapsablewidget.py

@@ -20,33 +20,51 @@
 # Imports (Global)
 
 from PyQt5.QtCore import pyqtSlot, Qt
-from PyQt5.QtWidgets import QGroupBox, QSizePolicy, QToolButton, QVBoxLayout, QWidget
+from PyQt5.QtGui import QCursor, QFont
+from PyQt5.QtWidgets import QFrame, QSizePolicy, QToolButton, QVBoxLayout, QWidget
 
 # ------------------------------------------------------------------------------------------------------------
 # Widget Class
 
-class CollapsibleBox(QGroupBox):
+class QToolButtonWithMouseTracking(QToolButton):
+    def __init__(self, parent):
+        QToolButton.__init__(self, parent)
+        self._font = self.font()
+
+    def enterEvent(self, event):
+        self._font.setBold(True)
+        self.setFont(self._font)
+        QToolButton.enterEvent(self, event)
+
+    def leaveEvent(self, event):
+        self._font.setBold(False)
+        self.setFont(self._font)
+        QToolButton.leaveEvent(self, event)
+
+class CollapsibleBox(QFrame):
     def __init__(self, title, parent):
-        QGroupBox.__init__(self, parent)
+        QFrame.__init__(self, parent)
+
+        self.setFrameShape(QFrame.StyledPanel)
+        self.setFrameShadow(QFrame.Raised)
 
-        self.toggle_button = QToolButton(self)
+        self.toggle_button = QToolButtonWithMouseTracking(self)
         self.toggle_button.setText(title)
         self.toggle_button.setCheckable(True)
         self.toggle_button.setChecked(True)
         self.toggle_button.setSizePolicy(QSizePolicy.Expanding, QSizePolicy.Preferred)
-        self.toggle_button.setStyleSheet("border: none;")
         self.toggle_button.setToolButtonStyle(Qt.ToolButtonTextBesideIcon)
         self.toggle_button.setArrowType(Qt.DownArrow)
         self.toggle_button.toggled.connect(self.toolButtonPressed)
 
         self.content_area   = QWidget(self)
         self.content_layout = QVBoxLayout(self.content_area)
-        self.content_layout.setContentsMargins(0, 0, 0, 0)
-        self.content_layout.setSpacing(0)
+        self.content_layout.setContentsMargins(6, 2, 6, 0)
+        self.content_layout.setSpacing(3)
 
         lay = QVBoxLayout(self)
-        lay.setContentsMargins(0, 0, 0, 0)
-        lay.setSpacing(0)
+        lay.setContentsMargins(0, 0, 0, 4)
+        lay.setSpacing(1)
         lay.addWidget(self.toggle_button)
         lay.addWidget(self.content_area)