Styled output panes for qt quick designer

3 files changed, 27 insertions, 120 deletions

diff --git a/src/plugins/qmldesigner/components/resources/outputpane-style.css b/src/plugins/qmldesigner/components/resources/outputpane-style.css
index c8a4b256a47..43f9e54e22d 100644
--- a/src/plugins/qmldesigner/components/resources/outputpane-style.css
+++ b/src/plugins/qmldesigner/components/resources/outputpane-style.css
@@ -1,134 +1,44 @@
-QFrame {
-   border: 2px;
-   background-color: #4f4f4f;
-}
-
-QLabel {
+QWidget {
+    background-color: #363636;
     border: none;
-    border-image: none;
-    padding: 0;
-    background: none;
-    color: #E1E1E1;
-}
-
-QScrollArea {
-     border: 0px;
-     background-color: #4f4f4f;
-}
-
-QStackedWidget {
-     border: 0px;
-     background-color: #4f4f4f;
-}
-
-
-QGraphicsView {
-     border: 0px;
-     background-color: #4f4f4f;
-}
-
-QTabWidget {
-     border: 0px;
-     background-color: #4f4f4f;
 }
 
-QTabWidget::pane { /* The tab widget frame */
-     border: 0px;
-     background-color: #4f4f4f;
+QTabWidget::pane {
+    background-color: #363636;
+    border: none;
 }
 
-QLineEdit
-{
-     border: 2px solid #8F8F8F;
-     border-radius: 4px;
-     padding: 0 8px;
-     background-color: white;
-     selection-background-color: darkgray;
+QAbstractScrollArea {
+    background-color: #363636;
+    border: none;
 }
 
-QLineEdit#itemLibrarySearchInput {
-    color: black;
-    border: 2px solid #0F0F0F;
-    border-radius: 6px;
-    border-width: 1;
-    max-height: 20px;
-    min-height: 20px;
-    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
-                                      stop: 0 #e0e0e0, stop: 1 #f0f0f0);
+QPlainTextEdit {
+    background-color: #ababab;
+    border: none;
 }
 
-
- QTreeView {
-    color: white;
-    selection-color: white
- }
-
- QTreeView::item:selected {
-     color: white;
- }
-
-QTreeView::branch:has-siblings:!adjoins-item {
-     border-image: none;
-     image:none;
- }
-
- QTreeView::branch:has-siblings:adjoins-item {
-     border-image: none;
-     image:none;
- }
-
- QTreeView::branch:!has-children:!has-siblings:adjoins-item {
-     border-image: none;
-     image:none;
- }
-
- QTreeView::branch:has-children:!has-siblings:closed,
- QTreeView::branch:closed:has-children:has-siblings {
-         border-image: none;
-         image: url(:/qmldesigner/images/triangle_horz.png);
- }
-
- QTreeView::branch:open:has-children:!has-siblings,
- QTreeView::branch:open:has-children:has-siblings  {
-         border-image: none;
-         image: url(:/qmldesigner/images/triangle_vert.png);
- }
-
- QListView {
-    color: white;
-    selection-color: white
- }
-
- QListView::item:selected {
-     color: white;
- }
-
-  QComboBox QAbstractItemView {
-     show-decoration-selected: 1; /* make the selection span the entire width of the view */
-	 background-color: #494949; /* 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;
- }
-
 QTabBar::tab {
     border-image: none;
 
-    width: 80px;
+    border-top: 1px solid #000000;
+    border-left: 1px solid #000000;
+    border-right: 1px solid #000000;
+
+    min-width: 80px;
 
     height: 22px;
-    margin-top: 0x;
-    margin-bottom: 0px;
-    margin-left: 0px;
-    margin-right: 0px;
+    margin-top: 2px;
+    margin-bottom: -1px;
+    padding-left: 2px;
+    padding-right: 4px;
+
     font: bold;
-	font-size: 11px;
+    font-size: 11px;
     background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
     stop: 0 #3c3c3c, stop: 1 #444444);
 
-    color: #EEEEEE;
+    color: #ababab;
 }
 
 QTabBar::tab:hover {
@@ -137,13 +47,9 @@ QTabBar::tab:hover {
 }
 
 QTabBar::tab:selected {
-    border: none; /* no border for a flat push button */
+    border: none;
     background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
-    stop: 0 #EFEFEF, stop: 1 #EEEEEE);
+    stop: 0 #EEEEEE, stop: 1 #ababab);
     color: #3c3c3c;
 }
 
-QWidget#itemLibrarySearchInputFrame {
-    background-color: #eeeeee;
-}
-
diff --git a/src/plugins/qmldesigner/components/resources/resources.qrc b/src/plugins/qmldesigner/components/resources/resources.qrc
index 82f17fad013..391240a66ae 100644
--- a/src/plugins/qmldesigner/components/resources/resources.qrc
+++ b/src/plugins/qmldesigner/components/resources/resources.qrc
@@ -97,6 +97,7 @@
         <file>images/aspectlockset.png</file>
         <file>images/aspectlockoff.png</file>
         <file>images/button-pressed-left.png</file>
+        <file>outputpane-style.css</file>
         <file>images/button-pressed-middle.png</file>
         <file>images/button-pressed-right.png</file>
         <file>images/button-normal-left.png</file>
diff --git a/src/plugins/qmldesigner/components/resources/scrollbar.css b/src/plugins/qmldesigner/components/resources/scrollbar.css
index 765bedbc212..34e8af8acbd 100644
--- a/src/plugins/qmldesigner/components/resources/scrollbar.css
+++ b/src/plugins/qmldesigner/components/resources/scrollbar.css
@@ -39,7 +39,7 @@
       subcontrol-origin: margin;
   }
   QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical {
-      border: 0px solid;
+      border: none;
       width: 0px;
       height: 0px;
   }