theme: fix toolbar expansion button style

src/data/extra/extra.qrc

@@ -349,6 +349,7 @@
         <file>themes/moonlight/checkbox_unchecked.svg</file>
         <file>themes/moonlight/checkbox_unchecked_disabled.svg</file>
         <file>themes/moonlight/close.svg</file>
+        <file>themes/moonlight/expand_toolbar.svg</file>
         <file>themes/moonlight/close_grey.svg</file>
         <file>themes/moonlight/cover.png</file>
         <file>themes/moonlight/down.svg</file>
@@ -381,6 +382,7 @@
         <file>themes/pure/checkbox_unchecked.svg</file>
         <file>themes/pure/checkbox_unchecked_disabled.svg</file>
         <file>themes/pure/close.svg</file>
+        <file>themes/pure/expand_toolbar.svg</file>
         <file>themes/pure/close_grey.svg</file>
         <file>themes/pure/cover.png</file>
         <file>themes/pure/down.svg</file>
@@ -413,6 +415,7 @@
         <file>themes/solarized-dark/checkbox_unchecked.svg</file>
         <file>themes/solarized-dark/checkbox_unchecked_disabled.svg</file>
         <file>themes/solarized-dark/close.svg</file>
+        <file>themes/solarized-dark/expand_toolbar.svg</file>
         <file>themes/solarized-dark/close_grey.svg</file>
         <file>themes/solarized-dark/cover.png</file>
         <file>themes/solarized-dark/down.svg</file>
@@ -445,6 +448,7 @@
         <file>themes/solarized-light/checkbox_unchecked.svg</file>
         <file>themes/solarized-light/checkbox_unchecked_disabled.svg</file>
         <file>themes/solarized-light/close.svg</file>
+        <file>themes/solarized-light/expand_toolbar.svg</file>
         <file>themes/solarized-light/close_grey.svg</file>
         <file>themes/solarized-light/cover.png</file>
         <file>themes/solarized-light/down.svg</file>
@@ -804,6 +808,7 @@
         <file>themes/vscode-dark/checkbox_unchecked.svg</file>
         <file>themes/vscode-dark/checkbox_unchecked_disabled.svg</file>
         <file>themes/vscode-dark/close.svg</file>
+        <file>themes/vscode-dark/expand_toolbar.svg</file>
         <file>themes/vscode-dark/close_grey.svg</file>
         <file>themes/vscode-dark/cover.png</file>
         <file>themes/vscode-dark/down.svg</file>
@@ -837,6 +842,7 @@
         <file>themes/vue-light/checkbox_unchecked.svg</file>
         <file>themes/vue-light/checkbox_unchecked_disabled.svg</file>
         <file>themes/vue-light/close.svg</file>
+        <file>themes/vue-light/expand_toolbar.svg</file>
         <file>themes/vue-light/close_grey.svg</file>
         <file>themes/vue-light/cover.png</file>
         <file>themes/vue-light/down.svg</file>
@@ -869,6 +875,7 @@
         <file>themes/vue-dark/checkbox_unchecked.svg</file>
         <file>themes/vue-dark/checkbox_unchecked_disabled.svg</file>
         <file>themes/vue-dark/close.svg</file>
+        <file>themes/vue-dark/expand_toolbar.svg</file>
         <file>themes/vue-dark/close_grey.svg</file>
         <file>themes/vue-dark/cover.png</file>
         <file>themes/vue-dark/down.svg</file>
@@ -905,6 +912,7 @@
         <file>themes/vx-idea/checkbox_unchecked.svg</file>
         <file>themes/vx-idea/checkbox_unchecked_disabled.svg</file>
         <file>themes/vx-idea/close.svg</file>
+        <file>themes/vx-idea/expand_toolbar.svg</file>
         <file>themes/vx-idea/close_grey.svg</file>
         <file>themes/vx-idea/cover.png</file>
         <file>themes/vx-idea/down.svg</file>

src/data/extra/themes/moonlight/expand_toolbar.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1747190112225" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2510" width="256" height="256" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M798.165333 524.501333a42.666667 42.666667 0 0 0-60.330666 0L512 750.336l-225.834667-225.834667a42.666667 42.666667 0 0 0-60.330666 60.330667l256 256a42.666667 42.666667 0 0 0 60.330666 0l256-256a42.666667 42.666667 0 0 0 0-60.330667z" p-id="2511" fill="#9EA5B4"></path><path d="M798.165333 225.834667a42.666667 42.666667 0 0 0-60.330666 0L512 451.669333 286.165333 225.834667a42.666667 42.666667 0 0 0-60.330666 60.330666l256 256a42.666667 42.666667 0 0 0 60.330666 0l256-256a42.666667 42.666667 0 0 0 0-60.330666z" p-id="2512" fill="#9EA5B4"></path></svg>

src/data/extra/themes/moonlight/interface.qss

@@ -147,13 +147,16 @@ QToolBar::separator {
 }
 
 QToolBarExtension#qt_toolbar_ext_button {
-    background-color: @widgets#qtoolbar#extension#bg;
-    margin: 30px;
+    qproperty-icon: url(expand_toolbar.svg);
+    background-color: @widgets#qtoolbutton#bg;
 }
 
 QToolBarExtension#qt_toolbar_ext_button:hover {
-    background-color: @widgets#qtoolbar#extension#hover#bg;
-    margin: 30px;
+    background-color: @widgets#qtoolbutton#hover#bg;
+}
+
+QToolBarExtension#qt_toolbar_ext_button:pressed {
+    background-color: @widgets#qtoolbutton#pressed#bg;
 }
 
 /* QToolButton */

src/data/extra/themes/pure/expand_toolbar.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1747190112225" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2510" width="256" height="256" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M798.165333 524.501333a42.666667 42.666667 0 0 0-60.330666 0L512 750.336l-225.834667-225.834667a42.666667 42.666667 0 0 0-60.330666 60.330667l256 256a42.666667 42.666667 0 0 0 60.330666 0l256-256a42.666667 42.666667 0 0 0 0-60.330667z" p-id="2511" fill="#222222"></path><path d="M798.165333 225.834667a42.666667 42.666667 0 0 0-60.330666 0L512 451.669333 286.165333 225.834667a42.666667 42.666667 0 0 0-60.330666 60.330666l256 256a42.666667 42.666667 0 0 0 60.330666 0l256-256a42.666667 42.666667 0 0 0 0-60.330666z" p-id="2512" fill="#222222"></path></svg>

src/data/extra/themes/pure/interface.qss

@@ -166,13 +166,16 @@ QToolBar::separator {
 }
 
 QToolBarExtension#qt_toolbar_ext_button {
-    background-color: @widgets#qtoolbar#extension#bg;
-    margin: 30px;
+    qproperty-icon: url(expand_toolbar.svg);
+    background-color: @widgets#qtoolbutton#bg;
 }
 
 QToolBarExtension#qt_toolbar_ext_button:hover {
-    background-color: @widgets#qtoolbar#extension#hover#bg;
-    margin: 30px;
+    background-color: @widgets#qtoolbutton#hover#bg;
+}
+
+QToolBarExtension#qt_toolbar_ext_button:pressed {
+    background-color: @widgets#qtoolbutton#pressed#bg;
 }
 
 /* QToolButton */

src/data/extra/themes/solarized-dark/expand_toolbar.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1747190112225" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2510" width="256" height="256" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M798.165333 524.501333a42.666667 42.666667 0 0 0-60.330666 0L512 750.336l-225.834667-225.834667a42.666667 42.666667 0 0 0-60.330666 60.330667l256 256a42.666667 42.666667 0 0 0 60.330666 0l256-256a42.666667 42.666667 0 0 0 0-60.330667z" p-id="2511" fill="#9EA5B4"></path><path d="M798.165333 225.834667a42.666667 42.666667 0 0 0-60.330666 0L512 451.669333 286.165333 225.834667a42.666667 42.666667 0 0 0-60.330666 60.330666l256 256a42.666667 42.666667 0 0 0 60.330666 0l256-256a42.666667 42.666667 0 0 0 0-60.330666z" p-id="2512" fill="#9EA5B4"></path></svg>

src/data/extra/themes/solarized-dark/interface.qss

@@ -143,13 +143,16 @@ QToolBar::separator {
 }
 
 QToolBarExtension#qt_toolbar_ext_button {
-    background-color: @widgets#qtoolbar#extension#bg;
-    margin: 30px;
+    qproperty-icon: url(expand_toolbar.svg);
+    background-color: @widgets#qtoolbutton#bg;
 }
 
 QToolBarExtension#qt_toolbar_ext_button:hover {
-    background-color: @widgets#qtoolbar#extension#hover#bg;
-    margin: 30px;
+    background-color: @widgets#qtoolbutton#hover#bg;
+}
+
+QToolBarExtension#qt_toolbar_ext_button:pressed {
+    background-color: @widgets#qtoolbutton#pressed#bg;
 }
 
 /* QToolButton */

src/data/extra/themes/solarized-light/expand_toolbar.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1747190112225" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2510" width="256" height="256" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M798.165333 524.501333a42.666667 42.666667 0 0 0-60.330666 0L512 750.336l-225.834667-225.834667a42.666667 42.666667 0 0 0-60.330666 60.330667l256 256a42.666667 42.666667 0 0 0 60.330666 0l256-256a42.666667 42.666667 0 0 0 0-60.330667z" p-id="2511" fill="#9EA5B4"></path><path d="M798.165333 225.834667a42.666667 42.666667 0 0 0-60.330666 0L512 451.669333 286.165333 225.834667a42.666667 42.666667 0 0 0-60.330666 60.330666l256 256a42.666667 42.666667 0 0 0 60.330666 0l256-256a42.666667 42.666667 0 0 0 0-60.330666z" p-id="2512" fill="#9EA5B4"></path></svg>

src/data/extra/themes/solarized-light/interface.qss

@@ -143,13 +143,16 @@ QToolBar::separator {
 }
 
 QToolBarExtension#qt_toolbar_ext_button {
-    background-color: @widgets#qtoolbar#extension#bg;
-    margin: 30px;
+    qproperty-icon: url(expand_toolbar.svg);
+    background-color: @widgets#qtoolbutton#bg;
 }
 
 QToolBarExtension#qt_toolbar_ext_button:hover {
-    background-color: @widgets#qtoolbar#extension#hover#bg;
-    margin: 30px;
+    background-color: @widgets#qtoolbutton#hover#bg;
+}
+
+QToolBarExtension#qt_toolbar_ext_button:pressed {
+    background-color: @widgets#qtoolbutton#pressed#bg;
 }
 
 /* QToolButton */

src/data/extra/themes/vscode-dark/expand_toolbar.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1747190112225" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2510" width="256" height="256" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M798.165333 524.501333a42.666667 42.666667 0 0 0-60.330666 0L512 750.336l-225.834667-225.834667a42.666667 42.666667 0 0 0-60.330666 60.330667l256 256a42.666667 42.666667 0 0 0 60.330666 0l256-256a42.666667 42.666667 0 0 0 0-60.330667z" p-id="2511" fill="#9EA5B4"></path><path d="M798.165333 225.834667a42.666667 42.666667 0 0 0-60.330666 0L512 451.669333 286.165333 225.834667a42.666667 42.666667 0 0 0-60.330666 60.330666l256 256a42.666667 42.666667 0 0 0 60.330666 0l256-256a42.666667 42.666667 0 0 0 0-60.330666z" p-id="2512" fill="#9EA5B4"></path></svg>

src/data/extra/themes/vscode-dark/interface.qss

@@ -143,13 +143,16 @@ QToolBar::separator {
 }
 
 QToolBarExtension#qt_toolbar_ext_button {
-    background-color: @widgets#qtoolbar#extension#bg;
-    margin: 30px;
+    qproperty-icon: url(expand_toolbar.svg);
+    background-color: @widgets#qtoolbutton#bg;
 }
 
 QToolBarExtension#qt_toolbar_ext_button:hover {
-    background-color: @widgets#qtoolbar#extension#hover#bg;
-    margin: 30px;
+    background-color: @widgets#qtoolbutton#hover#bg;
+}
+
+QToolBarExtension#qt_toolbar_ext_button:pressed {
+    background-color: @widgets#qtoolbutton#pressed#bg;
 }
 
 /* QToolButton */

src/data/extra/themes/vue-dark/expand_toolbar.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1747190112225" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2510" width="256" height="256" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M798.165333 524.501333a42.666667 42.666667 0 0 0-60.330666 0L512 750.336l-225.834667-225.834667a42.666667 42.666667 0 0 0-60.330666 60.330667l256 256a42.666667 42.666667 0 0 0 60.330666 0l256-256a42.666667 42.666667 0 0 0 0-60.330667z" p-id="2511" fill="#4d5765"></path><path d="M798.165333 225.834667a42.666667 42.666667 0 0 0-60.330666 0L512 451.669333 286.165333 225.834667a42.666667 42.666667 0 0 0-60.330666 60.330666l256 256a42.666667 42.666667 0 0 0 60.330666 0l256-256a42.666667 42.666667 0 0 0 0-60.330666z" p-id="2512" fill="#4d5765"></path></svg>

src/data/extra/themes/vue-dark/interface.qss

@@ -148,13 +148,16 @@ QToolBar::separator {
 }
 
 QToolBarExtension#qt_toolbar_ext_button {
-    background-color: @widgets#qtoolbar#extension#bg;
-    margin: 30px;
+    qproperty-icon: url(expand_toolbar.svg);
+    background-color: @widgets#qtoolbutton#bg;
 }
 
 QToolBarExtension#qt_toolbar_ext_button:hover {
-    background-color: @widgets#qtoolbar#extension#hover#bg;
-    margin: 30px;
+    background-color: @widgets#qtoolbutton#hover#bg;
+}
+
+QToolBarExtension#qt_toolbar_ext_button:pressed {
+    background-color: @widgets#qtoolbutton#pressed#bg;
 }
 
 /* QToolButton */

src/data/extra/themes/vue-light/expand_toolbar.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1747190112225" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2510" width="256" height="256" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M798.165333 524.501333a42.666667 42.666667 0 0 0-60.330666 0L512 750.336l-225.834667-225.834667a42.666667 42.666667 0 0 0-60.330666 60.330667l256 256a42.666667 42.666667 0 0 0 60.330666 0l256-256a42.666667 42.666667 0 0 0 0-60.330667z" p-id="2511" fill="#222222"></path><path d="M798.165333 225.834667a42.666667 42.666667 0 0 0-60.330666 0L512 451.669333 286.165333 225.834667a42.666667 42.666667 0 0 0-60.330666 60.330666l256 256a42.666667 42.666667 0 0 0 60.330666 0l256-256a42.666667 42.666667 0 0 0 0-60.330666z" p-id="2512" fill="#222222"></path></svg>

src/data/extra/themes/vue-light/interface.qss

@@ -166,13 +166,16 @@ QToolBar::separator {
 }
 
 QToolBarExtension#qt_toolbar_ext_button {
-    background-color: @widgets#qtoolbar#extension#bg;
-    margin: 30px;
+    qproperty-icon: url(expand_toolbar.svg);
+    background-color: @widgets#qtoolbutton#bg;
 }
 
 QToolBarExtension#qt_toolbar_ext_button:hover {
-    background-color: @widgets#qtoolbar#extension#hover#bg;
-    margin: 30px;
+    background-color: @widgets#qtoolbutton#hover#bg;
+}
+
+QToolBarExtension#qt_toolbar_ext_button:pressed {
+    background-color: @widgets#qtoolbutton#pressed#bg;
 }
 
 /* QToolButton */

src/data/extra/themes/vx-idea/expand_toolbar.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1747190112225" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2510" width="256" height="256" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M798.165333 524.501333a42.666667 42.666667 0 0 0-60.330666 0L512 750.336l-225.834667-225.834667a42.666667 42.666667 0 0 0-60.330666 60.330667l256 256a42.666667 42.666667 0 0 0 60.330666 0l256-256a42.666667 42.666667 0 0 0 0-60.330667z" p-id="2511" fill="#222222"></path><path d="M798.165333 225.834667a42.666667 42.666667 0 0 0-60.330666 0L512 451.669333 286.165333 225.834667a42.666667 42.666667 0 0 0-60.330666 60.330666l256 256a42.666667 42.666667 0 0 0 60.330666 0l256-256a42.666667 42.666667 0 0 0 0-60.330666z" p-id="2512" fill="#222222"></path></svg>

src/data/extra/themes/vx-idea/interface.qss

@@ -167,13 +167,16 @@ QToolBar::separator {
 }
 
 QToolBarExtension#qt_toolbar_ext_button {
-    background-color: @widgets#qtoolbar#extension#bg;
-    margin: 30px;
+    qproperty-icon: url(expand_toolbar.svg);
+    background-color: @widgets#qtoolbutton#bg;
 }
 
 QToolBarExtension#qt_toolbar_ext_button:hover {
-    background-color: @widgets#qtoolbar#extension#hover#bg;
-    margin: 30px;
+    background-color: @widgets#qtoolbutton#hover#bg;
+}
+
+QToolBarExtension#qt_toolbar_ext_button:pressed {
+    background-color: @widgets#qtoolbutton#pressed#bg;
 }
 
 /* QToolButton */