From a37fdb9d72567cabf4bd0fac0cfd15ab3cefed3e Mon Sep 17 00:00:00 2001
From: Jens Bache-Wiig <jens.bache-wiig@digia.com>
Date: Fri, 10 May 2013 12:49:12 +0200
Subject: [PATCH] Some styling fixes for qml style.

- New header graphics
- Lighter buttons
- Lighter and better scroll bars
- Fixed incorrect focus for tabs
- Removed borders on item view rows

Change-Id: I6b85765a74e41e2e353bc49771d9e4c77adcc767
Reviewed-by: Gabriel de Dietrich <gabriel.dedietrich@digia.com>
---
 src/private/TabBar.qml                        |   1 +
 src/styles/ComboBoxStyle.qml                  |   4 +-
 src/styles/GroupBoxStyle.qml                  |   2 +-
 src/styles/ScrollViewStyle.qml                |  35 ++++++++++--------
 src/styles/SpinBoxStyle.qml                   |  11 ++++--
 src/styles/TabViewStyle.qml                   |  19 +++++-----
 src/styles/TableViewStyle.qml                 |  34 ++++++-----------
 src/styles/images/button.png                  | Bin 857 -> 693 bytes
 src/styles/images/header.png                  | Bin 0 -> 927 bytes
 .../images/scrollbar-handle-horizontal.png    | Bin 0 -> 939 bytes
 .../images/scrollbar-handle-vertical.png      | Bin 0 -> 944 bytes
 src/styles/styles.pro                         |   3 ++
 12 files changed, 56 insertions(+), 53 deletions(-)
 create mode 100644 src/styles/images/header.png
 create mode 100644 src/styles/images/scrollbar-handle-horizontal.png
 create mode 100644 src/styles/images/scrollbar-handle-vertical.png

diff --git a/src/private/TabBar.qml b/src/private/TabBar.qml
index 28c351d4c..e9214c740 100644
--- a/src/private/TabBar.qml
+++ b/src/private/TabBar.qml
@@ -148,6 +148,7 @@ FocusScope {
                         readonly property alias nextSelected: tabitem.nextSelected
                         readonly property alias previsousSelected: tabitem.previousSelected
                         readonly property alias hovered: tabitem.hover
+                        readonly property bool activeFocus: tabbar.activeFocus
                     }
                 }
 
diff --git a/src/styles/ComboBoxStyle.qml b/src/styles/ComboBoxStyle.qml
index 7b55a9289..deb5ea507 100644
--- a/src/styles/ComboBoxStyle.qml
+++ b/src/styles/ComboBoxStyle.qml
@@ -98,7 +98,9 @@ Style {
         implicitWidth: textitem.implicitWidth + 20
         Text {
             id: textitem
-            anchors.centerIn: parent
+            anchors.left: parent.left
+            anchors.leftMargin: 4
+            anchors.verticalCenter: parent.verticalCenter
             text: control.currentText
             renderType: Text.NativeRendering
             color: __syspal.text
diff --git a/src/styles/GroupBoxStyle.qml b/src/styles/GroupBoxStyle.qml
index 83904209b..f5f2c9f49 100644
--- a/src/styles/GroupBoxStyle.qml
+++ b/src/styles/GroupBoxStyle.qml
@@ -62,7 +62,7 @@ Style {
     property Component panel:
         Item {
         implicitWidth: control.contentWidth + 2 * margin
-        implicitHeight: control.contentHeight + 2 * margin + 12
+        implicitHeight: control.contentHeight + 2 * margin + 11
         Text {
             anchors.top: parent.top
             anchors.left: parent.left
diff --git a/src/styles/ScrollViewStyle.qml b/src/styles/ScrollViewStyle.qml
index 38dea2b42..a6f3a39a2 100644
--- a/src/styles/ScrollViewStyle.qml
+++ b/src/styles/ScrollViewStyle.qml
@@ -121,22 +121,13 @@ Style {
         \endlist
     */
 
-    property Component handle: Item {
-        implicitWidth: 16
-        implicitHeight: 16
-        Rectangle {
-            anchors.fill: parent
-            color: hovered ? "#ddd" : "lightgray"
-            border.color: "#aaa"
-            anchors.rightMargin: horizontal ? 0 : -1
-            anchors.bottomMargin: horizontal ? -1 : 0
-            Rectangle {
-                anchors.fill: parent
-                anchors.margins: 1
-                color: "transparent"
-                border.color: "#44ffffff"
-            }
-        }
+    property Component handle: BorderImage{
+        opacity: pressed ? 0.5 : hovered ? 1 : 0.8
+        source: "images/scrollbar-handle-" + (horizontal ? "horizontal" : "vertical") + ".png"
+        border.left: 2
+        border.top: 2
+        border.right: 2
+        border.bottom: 2
     }
 
     /*! This component controls the appearance of the
@@ -158,6 +149,12 @@ Style {
             anchors.bottomMargin: -1
             anchors.rightMargin: -1
             border.color: "#aaa"
+            Rectangle {
+                anchors.fill: parent
+                anchors.margins: 1
+                color: "transparent"
+                border.color: "#88ffffff"
+            }
             Image {
                 source: horizontal ? "images/arrow-right.png" : "images/arrow-down.png"
                 anchors.centerIn: parent
@@ -189,6 +186,12 @@ Style {
             anchors.bottomMargin: horizontal ? -1 : 0
             anchors.rightMargin: horizontal ? 0 : -1
             color: "lightgray"
+            Rectangle {
+                anchors.fill: parent
+                anchors.margins: 1
+                color: "transparent"
+                border.color: "#88ffffff"
+            }
             Image {
                 source: horizontal ? "images/arrow-left.png" : "images/arrow-up.png"
                 anchors.centerIn: parent
diff --git a/src/styles/SpinBoxStyle.qml b/src/styles/SpinBoxStyle.qml
index 4c9665668..07ddf6d7b 100644
--- a/src/styles/SpinBoxStyle.qml
+++ b/src/styles/SpinBoxStyle.qml
@@ -56,7 +56,7 @@ Style {
     readonly property SpinBox control: __control
 
     /*! The content margins of the text field. */
-    property Margins margins: Margins { top: 0 ; left: 4 ; right: 12 ; bottom: 0 }
+    property Margins margins: Margins { top: 0 ; left: 5 ; right: 12 ; bottom: 0 }
 
     /*! The text color. */
     property color textColor: __syspal.text
@@ -85,7 +85,7 @@ Style {
         Image {
             source: "images/arrow-down.png"
             anchors.centerIn: parent
-            anchors.verticalCenterOffset: -1
+            anchors.verticalCenterOffset: -2
             anchors.horizontalCenterOffset:  -1
             opacity: control.enabled ? 0.7 : 0.5
         }
@@ -93,14 +93,17 @@ Style {
 
     /*! The background of the SpinBox. */
     property Component background: Item {
+        implicitHeight: 25
+        implicitWidth: 80
         BorderImage {
+            id: image
             anchors.fill: parent
             source: "images/editbox.png"
             border.left: 4
             border.right: 4
             border.top: 4
             border.bottom: 4
-            anchors.bottomMargin: -2
+            anchors.bottomMargin: -1
             BorderImage {
                 anchors.fill: parent
                 anchors.margins: -1
@@ -121,7 +124,7 @@ Style {
     property Component panel: Item {
         id: styleitem
         implicitWidth: controlState.contentWidth + 26
-        implicitHeight: 23
+        implicitHeight: backgroundLoader.implicitHeight
 
         property color foregroundColor: spinboxStyle.textColor
         property color selectionColor: spinboxStyle.selectionColor
diff --git a/src/styles/TabViewStyle.qml b/src/styles/TabViewStyle.qml
index 48a401d1c..b08848917 100644
--- a/src/styles/TabViewStyle.qml
+++ b/src/styles/TabViewStyle.qml
@@ -130,6 +130,7 @@ Style {
             \li readonly property bool nextSelected = The next tab is selected.
             \li readonly property bool previsousSelected - The previous tab is selected.
             \li readonly property bool hovered - The tab is currently under the mouse.
+            \li readonly property bool activeFocus - The tab button has keyboard focus.
         \endtable
     */
     property Component tab: Item {
@@ -158,20 +159,20 @@ Style {
                 anchors.leftMargin: -2
                 anchors.rightMargin: -1
                 source: "images/focusframe.png"
-                visible: control.activeFocus && tab.selected
+                visible: tab.activeFocus && tab.selected
                 border.left: 4
                 border.right: 4
                 border.top: 4
                 border.bottom: 4
             }
-            Text {
-                id: textitem
-                anchors.centerIn: parent
-                text: tab.title
-                renderType: Text.NativeRendering
-                scale: control.tabPosition === Qt.TopEdge ? 1 : -1
-                color: __syspal.text
-            }
+        }
+        Text {
+            id: textitem
+            anchors.centerIn: parent
+            text: tab.title
+            renderType: Text.NativeRendering
+            scale: control.tabPosition === Qt.TopEdge ? 1 : -1
+            color: __syspal.text
         }
     }
 }
diff --git a/src/styles/TableViewStyle.qml b/src/styles/TableViewStyle.qml
index e2d3c0c78..669b934f2 100644
--- a/src/styles/TableViewStyle.qml
+++ b/src/styles/TableViewStyle.qml
@@ -65,15 +65,11 @@ ScrollViewStyle {
     /*! Activates items on single click. */
     property bool activateItemOnSingleClick: false
 
-    /* Delegate for header. This delegate is described in \l TableView::headerDelegate */
-    property Component headerDelegate: Rectangle {
-        gradient: Gradient {
-            GradientStop {position: 0 ; color: "#eee"}
-            GradientStop {position: 1 ; color: "#ddd"}
-        }
+    padding.top: control.headerVisible ? 0 : 1
 
-        implicitHeight: 16
-        implicitWidth: 80
+    /* Delegate for header. This delegate is described in \l TableView::headerDelegate */
+    property Component headerDelegate: BorderImage {
+        source: "images/header.png"
         Text {
             anchors.fill: parent
             verticalAlignment: Text.AlignVCenter
@@ -83,17 +79,11 @@ ScrollViewStyle {
             color: textColor
             renderType: Text.NativeRendering
         }
-        Rectangle {
-            anchors.bottom: parent.bottom
-            width: parent.width
-            height: 1
-            color: "#aaa"
-        }
         Rectangle {
             anchors.right: parent.right
             anchors.top: parent.top
             anchors.bottom: parent.bottom
-            anchors.bottomMargin: 2
+            anchors.bottomMargin: 1
             width: 1
             color: "#ccc"
         }
@@ -103,22 +93,21 @@ ScrollViewStyle {
     property Component rowDelegate: Rectangle {
         implicitHeight: 20
         implicitWidth: 80
-        property color selectedColor: hasActiveFocus ? "#49e" : "#999"
+        property color selectedColor: hasActiveFocus ? "#38d" : "#999"
         gradient: Gradient {
-            GradientStop { color: rowSelected ? Qt.lighter(selectedColor, 1.1)  : alternateBackground ? "#eee" : "white" ; position: 1 }
-            GradientStop { color: rowSelected ? Qt.lighter(selectedColor, 1.2)  : alternateBackground ? "#eee" : "white" ; position: 0 }
+            GradientStop { color: rowSelected ? Qt.lighter(selectedColor, 1.3)  : alternateBackground ? "#f2f2f2" : "white" ; position: 0 }
+            GradientStop { color: rowSelected ? Qt.lighter(selectedColor, 1.0)  : alternateBackground ? "#f2f2f2" : "white" ; position: 1 }
         }
         Rectangle {
             anchors.bottom: parent.bottom
             width: parent.width
             height: 1
-            color: rowSelected ? Qt.darker(selectedColor, 1.1) : "transparent"
+            color: rowSelected ? Qt.darker(selectedColor, 1.4) : "transparent"
         }
         Rectangle {
             anchors.top: parent.top
-            width: parent.width
-            height: 1
-            color: rowSelected ? Qt.darker(selectedColor, 1.1) : Qt.darker(parent.color, 1.15)
+            width: parent.width ; height: 1
+            color: rowSelected ? Qt.darker(selectedColor, 1.1) : "transparent"
         }
     }
 
@@ -136,6 +125,7 @@ ScrollViewStyle {
             anchors.right: parent.right
             horizontalAlignment: itemTextAlignment
             anchors.verticalCenter: parent.verticalCenter
+            anchors.verticalCenterOffset: 1
             elide: itemElideMode
             text: itemValue != undefined ? itemValue : ""
             color: itemTextColor
diff --git a/src/styles/images/button.png b/src/styles/images/button.png
index 9ee7d8ee0af9433fbe9401f7e1a42490b0799fe8..b2722f82077f68a85364a4e0f4e4dcb84fba2d8e 100644
GIT binary patch
delta 649
zcmV;40(Sk`2DJr{Bo78+OGiWi{{a60|De66laV18e*gz`Nliru-31B>88_)g{oMcn
z0zyedK~z}7<(RQf12GJSop4K4sRC83tN{k5z5_4NH(>8W@Ccnd^f?%rI&`PqL1F`S
ztS&Lj`RcmPT@VXaz2wfx-<(|Ma}tM$FrUva$K&y9UDx-BcmZc<yWQ?;Hk*A{005)W
z=xZ{Wf20tCKgVEfx7)N{uU`S+p(1Ap!SDC`lfj4x&bhXg{ywvy4<Y!~YIP3)P)V^S
zAV2Td-n9?0q9;^TT@!Ro$c_F1?V~K{xv2r+6UfPU`sE^TP0#HFqA4YaF}BZ$2q~qb
zKIx}E%X&3K=!X!ojUM^xx;}yu`D2W2#I5Rkf0s;d?d70L(U%ajr0)z!DUf=oZBE}?
zWpdytHH-SHB&{TsOP($1)qr3F9`8M*l-jl}N6b$kqG#`Y3n+{F&J2k$f^+VqB=J&4
z(bvkCMLnt+!b%ly<vD=H(WKO$+bUbo7elq=9MDI03wqv{4M+*0yT(}6w*g5_q;lz`
zf2AL-M{S%XeadABQCe<$IkBl<lAKfAnjRT|4^U+XAX%d&ndN~B5s&C@O%Hulrf-v$
zI|o?T7gZT>4xo_e8FKx5y;^0EK~=j*$x)lvcWrxYMXz2E@!HHURpfe;HJq<ei~4Ma
z@SPuDZ`$rp0*RMEi+Y(MNsAu8f#US$ZxN*%E30}nLx#iQ``c!7b9Z}tQnG$?1lNw$
z7W8kM&4DS6^J%$UF8+EUW6`|#X)qXkOsCUl=iGt<@(2Le%@Rrg;F>EEj$r;S`?wE{
j>8bq$fERae8PR7y_9O98$r2|E00000NkvXXu0mjfzI-)Z

delta 834
zcmV-I1HJsU1=$9WB!3BTNLh0L01FcU01FcV0GgZ_0009ENkl<ZSPAWzK}wrZ6opMv
z5Wzt!blQnfL9p8>uA>`p4PAi?a0l+7LsuX;vf!+R&RQYZkxAe8m+x_WCZQda<Y_OY
z=e~3AjrW{9|F#*;=ku-8)6<tFF7EH|56gM7^$cS=oxVCbIe+=_0`0rIyWfwFj%IHU
z4#uO==vmpph4_4ZJ-fQPx+ucm4Tj(VX8gRndt?R!m?YZJp5<G#Pqf~i<y*8*wBDZO
zTeMHKo@caQUS1wjtA=o($;bhDF?-Bg>}|g6J3K0?Aqe;z!D)auC^_=>{o1<cb<ev8
zSPkKzfLt(hdVf5NIY&-pE%U4;@6R2E*F68g5Ef!NUhTr3b9wum%O3MZH8^6E=6`P#
zH-zP8v)RH$A*mtK&=^o*$=NHn>GSHUH$-6+6k(H?Jh`H&r{L^!7EFHA=H0UzvS?wO
zmSGC)c|LV4H3WhA99U+`D!!Nbg@#Cq2qjmP2>&N}Pk;05YSbHo`0{_5DmF#a>>2do
zYYq}VN7BflQ2yBDd3OY>A(AOd4%7rWZ;~kA<9uqUhCo_K%ug24_T}wJ&K|Lcd3H6b
zArKm2F}b$pS<K$v=2OE`L;Pe@T$``zSyl6WR`sl^{mc1k2rl_z8J`9IaB40I5<XWv
z!`au<JbybI)es0p*pPzZ6uT<dG~W-D+vIunB&s1SODLAyPd;n#M)Kq-oSt6h)dM~-
zM1eNsxfQHfd%^5)&pphub2X$Dz<CIs7jb)}Tk-Obu!H&3QVoIhg($Coi>+X93bXe1
zIIpg;38+(`57ZXhzU=LF-o4TG;D+SiGJe`NCx24YDBgtd?3|c$^l{$Ad3GZ-gs;km
z+mZrY9+YP&b4`RNtU1#flRf0?o_9}nAqGQsc6Pqp+}ym`-`}r-5JE7ZC=q^9-g3Rn
z7wxP%#0bH+x3?e8&(F_NkPS~A$K&yAdwcuq@$vD;y}iA&!H^>QeR;hu--nDRlL@~*
zTsx0>IS<#QaOJqgzuZQAXHw3YQzHg0v4{DxuNuFV{F8>1{D0uUFXCk1tAe-0<^TWy
M07*qoM6N<$f}B;VFaQ7m

diff --git a/src/styles/images/header.png b/src/styles/images/header.png
new file mode 100644
index 0000000000000000000000000000000000000000..2ef7d1c4d27534dac8674ef14ad78c2659b248ff
GIT binary patch
literal 927
zcmV;Q17Q4#P)<h;3K|Lk000e1NJLTq002J#000vR1^@s6Co$EM00006VoOIv0N()L
z0N-L??!N#4010qNS#tmY3ljhU3ljkVnw%H_000McNliru-31B?E;#GE{viMW11w2I
zK~z}7<yT3P+dvEh9KR;-cGcuP`Ao(c50OK2ZA+6}Q`W(fwX{eO04d&Xx1W#4<GZA9
zc(IL=gcsee0C2zGUpM)`ZURJr^%sCZ5X$|!KnNfK2omxhkbne$0DVDUX|C%hbR5UJ
zc^%X*0CC1B<tqt)U0+z9yqP?pLuIUM_Iz0hLtU|@rHWMwR91kHhfwF4@${?-dQ9rE
zq)Igb^BZktzCdTdBf$K>Rv`$j<Rx>2{N^m47GmZ>wdxVd;?0mffW4YZXke-e<ykgB
zVnw0tedUc6E2L+tD3Hj6QEW3nWK{mM5om>OqLV>j(wLsC!N3e;1+Zvlz@YRocPA)W
zAFg+T<~q~F!e0>g7NO>S<K60v>F3pGKc7y`!V`-J<Y;Hq&JKZ1Id&l1PT3PkeEnJR
z_TL!thRi@ZrNsy@pGnEkd8(a@EZVQ&EOmDTVgs!XyaH;^5an%87OBlKdVx>y;oysd
z(2Igfbf`09H4lXea=QIzR9-=G!2CFpTF<bV)y7+Fg+fVfx5&c|A;8G$BF$UusVC^X
z8{i1Q$ifDktMX>)%nE%wO)0_1bZ~QBiUP%|h{MfI^5TXHand2eU$p!td?fWf1J5qO
zBV#@HnqIK$?~f0d+0fmjs%u}&Zjk05DMb5F=n<oJX4_Fig9pBpx-Cfv1wxph)a$s-
z4Jo7K)@cWK!?Q0Yiwe)8PR7>t+yup}U}hm?pH(^0+L;<F4()N!S6$nl+B9KHQ_V>t
z<_*?tRGvm$B|)aD%*M~z&snP71fBy=p9XWH!#4Cd)vaLdZbAaKyJ4gJ8a=dkuBoq-
zaM{EPC5EABb+Vk`=oAtiBWcVW+6Rkc7SGnAIg-}Mtn2{hlwms`y(?Q9u+f{tJD!Ln
z4WH?(0I(__njZ+NXdSI(_(GNlS+nt;R<+q9b}nnQ)au(-Gdr{)+=`PDAqu_nC>@WQ
z)#`fkC(}nvrnA4hZrM>yoLqCQ@6v~%J{A6xGd~^LYP-Iug*?^15ZX&iUVR7$`0M>$
z@fEcEi0!M0V;|S|<Ne(K^8EG3+uJztD%<69u|H!+7+?*?D`o%y002ovPDHLkV1n1Y
Bv~>Ug

literal 0
HcmV?d00001

diff --git a/src/styles/images/scrollbar-handle-horizontal.png b/src/styles/images/scrollbar-handle-horizontal.png
new file mode 100644
index 0000000000000000000000000000000000000000..069ca10d90d4b89e48549921611e122021ed0cf9
GIT binary patch
literal 939
zcmV;c162HpP)<h;3K|Lk000e1NJLTq002S&000pP1^@s6X-;~v00006VoOIv0O$bd
z0O;t)+%o_G010qNS#tmY3ljhU3ljkVnw%H_000McNliru-31B?Dj2l68|?r912{=U
zK~z}7<yO0O8$k@5p-vG46=1srx8N33qCzIBM-4c4pl3Y=dcrtZ{C4js7r=|iy9E{)
z3<luS)058U^Y8cf_itu)!VNtnAqfu;4}UfQczk^Pfg60bZ39U>KR^H706-Ez0ul&7
z1W>OWK7jsP@d7%6*^LN7=?mp1?djg+XTvu^h#rgRHcJ0=|7y|f!T=z@fqn<5k(cNA
z@$rHC`+K~-y?x)pP-f*e67F}16%3G0cL_ElLAyAYuj#Ab6?UTko8r)y0JLzkAj3jg
z;mDD7{8T_J39ua-gb^fx^!J9z)ADzha@3q2&ve$Dev>U*BCGGnYmRe&eY1?q4<iJQ
zfe;{C1)o(ROjiCE-Up4xg)HEt1WFX7@|&orvj9$P4G;ww#<_xJ95!hbX>Ef%HEs?9
zvqRl-Za`S}=V%qLvn#7e5LRg$N=Oo{ac(3v!ik2XR}kiJS*fN|1rwY{WGljWX9>PK
zH8NHc0GhXQ6ve?YHL)8YPC!V4S=7j~>7~~5NyS-5;=5)e?^A*{k~TG=3Sh#DEG<Zp
zR?~xM%~3_6oyi7Jv072IkW2zz=m4J1%qy*-Qa)>=A~M&1C2IMr8MIj<7c8s7I=H0O
zV}z&qUNyxY;VYSF2db_`GY&NZjfz9aP@*-7U3Hz>Fqs+=M@m=Z<|<-WZ2D_Ebm?u!
z4t9fGtl$sowv})zlhBe-R4iJYiBIcOhBWz{cmDQbvqn(0k9^)cU2{~Y{AeEGOH695
z)xl`vu7ug5W#>(1(g?^(|H7XkMGZ>HNs<g<v}G<^#v+^79`%K*vreTw^2!ZLH@|(d
zgq!efr3RpZ@`=^i*O_P9v2JFBk36+;SV5`@J5$WM!+96MEOy}~?wR(}u}Q*N785$k
zub_0hZ%EoQzEfjVOO-8c$G%t{X@tdx{m2qDFVxb!VryBvwco&Xyi+2Ftd8W?eX32f
zRl_FTShvu1-PW=?H%5^B6mVCgM=(~^x^7&b5PQ-5YP_f~l4B;eU3T6hbMZ-)*3})>
zCc*A89oT5zO1Ev>UhYn(pXc)#xBP69?k<<hO(swBbKAC;*Vory{{Sjussbe5gt!0z
N002ovPDHLkV1k%@sc--Q

literal 0
HcmV?d00001

diff --git a/src/styles/images/scrollbar-handle-vertical.png b/src/styles/images/scrollbar-handle-vertical.png
new file mode 100644
index 0000000000000000000000000000000000000000..921a2fe39964a85456e633168f98876bd2039b11
GIT binary patch
literal 944
zcmV;h15f;kP)<h;3K|Lk000e1NJLTq000pH002S=1^@s6v3EVA00006VoOIv0O$bd
z0O;t)+%o_G010qNS#tmY3ljhU3ljkVnw%H_000McNliru-31B?DkgQ<21Wn?13gJZ
zK~z}7ome||+dvGQq15=<O<X4z$fbNVm+E|o93nSJnZkNeWrmYtf50xdRIFz`o8%H$
z0E5A-`S$kqdtKK*x7+P2fCc~gxn8ed&hPK<&o3`8&yw(&&*gIYaV7~#`1tq$By1A2
zZRxiFVS_e7O5aWSdJ`U>9<i?L_eB!cbp;5Ny@&)!kg7L@WW-(rfTUB+0ZlY4%fblL
zQ<C*gH8QLh?K_|dkltHwBrRq&sJ8EV2T<V68WHOv3IGY(XJp%5d*Y3-xTtHDUd#!T
z4Xy5M$O(-H)e2bO{%Md{m~60YM{NG2^yMTcglclthlrFDxiV^}#5VI(-cxgJvC)#e
z({O}pwQQ+{7LKtI8xdFwgIsw~HBa2d$zUm0My)3Zfq8E{GQzy9FK|J}T|1GAKbd<b
zANxkw0LBs84E_pmV!E|}j@}G$)WxQEY7W$j0|I*t+Q8=A%2(I!c7|B%CgDUCP>Qm7
zgxHjl4phvs8F~m3+gPn2Lh9-v_%06{kU0+wE17L1428YJx;^EDa%6cTL`y&g8SY&@
zRk#-uoKWma$HpHrVNP*kSu6rqo`&QEC+yZI3%)$0%&SK@$#`&VD7thg4yV*ty|ose
zK`P^L@`z;fD9KDkIl|h3JzY}Rw}~4ke*T22z`|_@ymLOWo$d*e`G<YeN6gmZc6}^4
zJaHC|3N&d3S9wbcLt7$<2qVUI4^dnA6N1<ib#ZVgw{qf0csY4zb?hXN1WJy)V~&|9
zB~~qB8c<5a6#!@HRT2V3y50%GTU-eToYMf0nIdKb-OZiunx^sQ1Kp0yQeF*$W2k#?
zL{4UQIzSrpcBqsBy7QYmqQ`-yg^r~sB8Pj^yPrjz;6$CCFsh)kCOJ3>M+P`@jOzQk
zql?vawB;D;E~R8gXFgxl@z9=QDnaGXeN=#n%&|ITHkLs~2je1#{jqM)CkPN~j&4>7
zfw9PuJVn;AYEK!g(|$+W(?|@l!GXR)RjY)vSVlLGlGcfw#4UFmu7?AO?CGnU#mlm6
z2za8WA8~(VoF5(@egXKFh}h^foS;GcdG<RkDG<KCzJBT-CnW!#&*z_#PX7RLJjwzl
S88w*z0000<MNUMnLSTYnp`&*I

literal 0
HcmV?d00001

diff --git a/src/styles/styles.pro b/src/styles/styles.pro
index 308065654..615f70789 100644
--- a/src/styles/styles.pro
+++ b/src/styles/styles.pro
@@ -46,9 +46,12 @@ QML_FILES += \
     images/button.png \
     images/button_down.png \
     images/tab.png \
+    images/header.png \
     images/groupbox.png \
     images/focusframe.png \
     images/tab_selected.png \
+    images/scrollbar-handle-horizontal.png \
+    images/scrollbar-handle-vertical.png \
     images/editbox.png \
     images/arrow-up.png \
     images/arrow-up@2x.png \
-- 
GitLab