QmlDesigner: Fix dockwidgets.css for default theme

Use the dark background color explicitly. Also remove redundant CSS
declarations.

Task-number: QTCREATORBUG-24402
Change-Id: I052969e96f564e27c150ba86bfcb4dd156024240
Reviewed-by: Henning Gründl <henning.gruendl@qt.io>
Reviewed-by: Brook Cronin <brook.cronin@qt.io>
Reviewed-by: Thomas Hartmann <thomas.hartmann@qt.io>

1 files changed, 8 insertions, 4 deletions

diff --git a/src/plugins/qmldesigner/components/resources/dockwidgets.css b/src/plugins/qmldesigner/components/resources/dockwidgets.css
index 3eb3c5a045..7205c051e2 100644
--- a/src/plugins/qmldesigner/components/resources/dockwidgets.css
+++ b/src/plugins/qmldesigner/components/resources/dockwidgets.css
@@ -74,8 +74,14 @@ ADS--TitleBarButton
     padding: 0px 0px;
 }
 
+ADS--TitleBarButton:hover
+{
+    background-color: creatorTheme.QmlDesigner_BackgroundColorDarkAlternate;
+}
+
 QScrollArea#dockWidgetScrollArea
 {
+    background-color: creatorTheme.QmlDesigner_BackgroundColorDarkAlternate;
     padding: 0px;
     border: none;
 }
@@ -152,13 +158,11 @@ ADS--DockWidgetTab[focused="true"] QLabel {
 }
 
 ADS--DockAreaTitleBar {
-    background: transparent;
+    background: creatorTheme.QmlDesigner_BackgroundColorDarkAlternate;
     border-bottom: 2px solid creatorTheme.QmlDesigner_TabLight;
     padding-bottom: 0px;
 }
 
 ADS--DockAreaWidget[focused="true"] ADS--DockAreaTitleBar {
-    background: transparent;
-    border-bottom: 2px solid creatorTheme.DSinteraction;
-    padding-bottom: 0px;
+    border-bottom-color: creatorTheme.DSinteraction;
 }