diff --git a/share/qtcreator/qmldesigner/propertyeditor/Qt/propertyEditor.css b/share/qtcreator/qmldesigner/propertyeditor/Qt/propertyEditor.css
index 0f23858ad58f1f763924909d4791c8519f92fd53..236ebed42ae05ef58210aa18afc376e1ab7a6999 100644
--- a/share/qtcreator/qmldesigner/propertyeditor/Qt/propertyEditor.css
+++ b/share/qtcreator/qmldesigner/propertyeditor/Qt/propertyEditor.css
@@ -1,5 +1,5 @@
 QFrame, QSpinBox {
-    background-color: #707070;
+    background-color: #4f4f4f;
 }
 
 QFrame 
@@ -10,7 +10,7 @@ QFrame
 
 WidgetFrame {
    border: 0px;
-   background-color: #707070;
+   background-color: #4f4f4f;
 }
 
  QComboBox QAbstractItemView {
diff --git a/src/plugins/qmldesigner/components/itemlibrary/qml/ItemsViewStyle.qml b/src/plugins/qmldesigner/components/itemlibrary/qml/ItemsViewStyle.qml
index 80a76b2e80d4087b3404bf7449a33c52dfc7ab0d..7e879231516b6e044a163f470ab09eb8b04df80e 100644
--- a/src/plugins/qmldesigner/components/itemlibrary/qml/ItemsViewStyle.qml
+++ b/src/plugins/qmldesigner/components/itemlibrary/qml/ItemsViewStyle.qml
@@ -32,7 +32,7 @@ import Qt 4.6
 // the style used the items view
 
 Item {
-    property string backgroundColor: "#707070"
+    property string backgroundColor: "#4f4f4f"
     property string raisedBackgroundColor: "#e0e0e0"
 
     property string scrollbarBorderColor: "#8F8F8F"
diff --git a/src/plugins/qmldesigner/components/resources/stylesheet.css b/src/plugins/qmldesigner/components/resources/stylesheet.css
index 9c794ab37dd5f0a7654ecb16c7f7c10bf48218c6..74ee7546fce710f224b276670cdd0122d92ed227 100644
--- a/src/plugins/qmldesigner/components/resources/stylesheet.css
+++ b/src/plugins/qmldesigner/components/resources/stylesheet.css
@@ -1,6 +1,6 @@
 QFrame {
    border: 2px;
-   background-color: #707070;
+   background-color: #4f4f4f;
 }
 
 QLabel {
@@ -13,28 +13,28 @@ QLabel {
 
 QScrollArea {
      border: 0px;
-     background-color: #707070;
+     background-color: #4f4f4f;
 }
 
 QStackedWidget {
      border: 0px;
-     background-color: #707070;
+     background-color: #4f4f4f;
 }
 
 
 QGraphicsView {
      border: 0px;
-     background-color: #707070;
+     background-color: #4f4f4f;
 }
 
 QTabWidget {
      border: 0px;
-     background-color: #707070;
+     background-color: #4f4f4f;
 }
 
 QTabWidget::pane { /* The tab widget frame */
      border: 0px;
-     background-color: #707070;
+     background-color: #4f4f4f;
 }
 
 QLineEdit
diff --git a/src/plugins/qmldesigner/components/stateseditor/stateslist.qml b/src/plugins/qmldesigner/components/stateseditor/stateslist.qml
index 43d1172621fee41dc3785d05215ef7df0cbc8fef..441ecab71a2e630ca6c72c9ffdc2be5a05c5c866 100644
--- a/src/plugins/qmldesigner/components/stateseditor/stateslist.qml
+++ b/src/plugins/qmldesigner/components/stateseditor/stateslist.qml
@@ -9,7 +9,7 @@ Rectangle {
     signal deleteState(int index)
     signal duplicateCurrentState
 
-    color: "#707070";
+    color: "#4f4f4f";
 
     function adjustCurrentStateIndex() {
         if (currentStateIndex >= statesEditorModel.count)