diff --git a/src/plugins/qmldesigner/components/connectioneditor/stylesheet.css b/src/plugins/qmldesigner/components/connectioneditor/stylesheet.css
index aeacc637330..5155ac3efac 100644
--- a/src/plugins/qmldesigner/components/connectioneditor/stylesheet.css
+++ b/src/plugins/qmldesigner/components/connectioneditor/stylesheet.css
@@ -40,7 +40,7 @@ QHeaderView::section {
     background-color: #494949;
     padding: 4px;
     border: 1px solid black;
-    color: #cacaca;
+    color: creatorTheme.DStextColor;
     margin: 2px
 }
 
@@ -54,7 +54,7 @@ QWidget#widgetSpacer {
 
 QStackedWidget {
     border: 0px;
-    background-color: #4f4f4f;
+    background-color: creatorTheme.QmlDesigner_TabLight;
 }
 
 QTabBar::tab:selected {
diff --git a/src/plugins/qmldesigner/components/resources/stylesheet.css b/src/plugins/qmldesigner/components/resources/stylesheet.css
index 841540f1c87..cc72eae062d 100644
--- a/src/plugins/qmldesigner/components/resources/stylesheet.css
+++ b/src/plugins/qmldesigner/components/resources/stylesheet.css
@@ -51,12 +51,12 @@ QLineEdit#itemLibrarySearchInput
 
   QComboBox QAbstractItemView {
      show-decoration-selected: 1; /* make the selection span the entire width of the view */
-	 background-color: #494949; /* sets background of the menu */
+     background-color: creatorTheme.DSpanelBackground; /* sets background of the menu */
      border: 1px solid black;
      margin: 0px; /* some spacing around the menu */
-     color: #cacaca;
-	 selection-background-color: #d2d2d2;
-	 selection-color: #404040;
+     color: creatorTheme.DStextColor;
+     selection-background-color: creatorTheme.DSinteraction;
+     selection-color: creatorTheme.DStextSelectedTextColor;
  }
 
 QTabWidget {