themes: Add three-dot handle to paned separators ...

to improve their accessibility to Default, Gray,
and Compact themes.

Resolves: #9144
This commit is contained in:
Stanislav Grinkov 2023-02-14 12:23:52 +06:00
parent 25d6c51bf5
commit 49cbe651a6
No known key found for this signature in database
GPG key ID: F9FF16FBCBF58578
13 changed files with 613 additions and 10 deletions

View file

@ -1,7 +1,14 @@
## Process this file with automake to produce Makefile.in
themedatadir = $(gimpdatadir)/themes/Default
themeuidir = $(themedatadir)/ui
themedata_DATA = gimp.css gimp-dark.css common.css
themedata_DATA = gimp.css gimp-dark.css common.css common-dark.css common-light.css
EXTRA_DIST = $(themedata_DATA)
themeui_DATA = \
ui/separator-handle-v.svg \
ui/separator-handle-h.svg \
ui/separator-handle-v-dark.svg \
ui/separator-handle-h-dark.svg
EXTRA_DIST = $(themedata_DATA) $(themeui_DATA)

View file

@ -0,0 +1,23 @@
/* The specific light theme interface styles for GIMP 3.0 */
/* Theme specific colors are defined in gimp-dark.css */
/* Hint for debugging themes:
* first enable the GTK inspector with
gsettings set org.gtk.Settings.Debug enable-inspector-keybinding true
* then (after restarting GIMP) call it up with ctrl+shift+i
* or from GIMP's UI: File > Debug > Start GtkInspector
*/
@import url("common.css");
/*
* Paned separator handles
*/
paned.horizontal > separator {
background-image: url("ui/separator-handle-v-dark.svg");
}
paned.vertical > separator {
background-image: url("ui/separator-handle-h-dark.svg");
}

View file

@ -0,0 +1,22 @@
/* The specific light theme interface styles for GIMP 3.0 */
/* Theme specific colors are defined in gimp.css */
/* Hint for debugging themes:
* first enable the GTK inspector with
gsettings set org.gtk.Settings.Debug enable-inspector-keybinding true
* then (after restarting GIMP) call it up with ctrl+shift+i
* or from GIMP's UI: File > Debug > Start GtkInspector
*/
@import url("common.css");
/*
* Paned separator handles
*/
paned.horizontal > separator {
background-image: url("ui/separator-handle-v.svg");
}
paned.vertical > separator {
background-image: url("ui/separator-handle-h.svg");
}

View file

@ -1,4 +1,11 @@
/* A light theme for GIMP 3.0 */
/* A set of interface style definitions common to light and dark theme variants for GIMP 3.0
* The specific dark and light interface styles are defined in common-light.css, common-dark.css */
/* The specific dark and light colors are defined in gimp-dark.css, gimp.css */
/* Do not import this file directly from gimp.css or gimp-dark.css files, you will miss light/dark theme specific styles.
* Do import matching common-[dark,light].css */
/* Hint for debugging themes:
* first enable the GTK inspector with
@ -234,9 +241,12 @@ entry selection {
}
paned separator {
background-image: none;
color: @border-color;
background-color: @border-color;
color: @border-color;
background-image: none;
background-color: @border-color;
background-position: center;
background-repeat: no-repeat;
background-size: auto;
}
.view button {

View file

@ -58,4 +58,4 @@
@define-color ruler-color rgba(35,35,35,0.3);
@import url("common.css");
@import url("common-dark.css");

View file

@ -58,4 +58,16 @@
@define-color ruler-color rgba(220,220,220,0.3);
@import url("common.css");
/*
* Paned separator handles
*/
paned.horizontal > separator {
background-image: url("ui/separator-handle-v.svg");
}
paned.vertical > separator {
background-image: url("ui/separator-handle-h.svg");
}
@import url("common-light.css");

View file

@ -1,2 +1,9 @@
install_data([ 'gimp.css', 'gimp-dark.css', 'common.css' ],
subdir('ui')
files = [
'gimp.css', 'gimp-dark.css',
'common.css', 'common-dark.css', 'common-light.css'
]
install_data(files,
install_dir: gimpdatadir / 'themes' / 'Default')

View file

@ -0,0 +1,7 @@
files = [
'separator-handle-h.svg', 'separator-handle-v.svg',
'separator-handle-h-dark.svg', 'separator-handle-v-dark.svg'
]
install_data(files,
install_dir: gimpdatadir / 'themes' / 'Default' / 'ui')

View file

@ -0,0 +1,148 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
viewBox="0 0 15.999999 4"
id="svg7384"
height="4"
width="16"
version="1.1"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="separator-handle-h.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1276"
inkscape:window-height="1389"
id="namedview1507"
showgrid="false"
inkscape:zoom="14.75"
inkscape:cx="3.6610169"
inkscape:cy="7.3898305"
inkscape:window-x="0"
inkscape:window-y="24"
inkscape:window-maximized="0"
inkscape:current-layer="svg7384"
inkscape:showpageshadow="2"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:lockguides="true" />
<metadata
id="metadata90">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:contributor>
<cc:Agent>
<dc:title>Barbara Muraus, Jakub Steiner, Klaus Staedtler</dc:title>
</cc:Agent>
</dc:contributor>
<dc:description>Images originally created as the &quot;Art Libre&quot; icon set. Extended and adopted for GIMP</dc:description>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs7386">
<linearGradient
gradientTransform="matrix(0.34682586,0,0,0.30620888,-13.351872,402.03851)"
id="linearGradient19282-4"
inkscape:swatch="solid">
<stop
id="stop19284-0"
offset="0"
style="stop-color:#bebebe;stop-opacity:1;" />
</linearGradient>
<linearGradient
gradientTransform="translate(442.70725,172.83693)"
gradientUnits="userSpaceOnUse"
y2="150"
x2="-85"
y1="150"
x1="-99"
id="linearGradient6866"
xlink:href="#linearGradient19282-4" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient19282-4"
id="linearGradient5969"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(442.70725,172.83693)"
x1="-99"
y1="150"
x2="-85"
y2="150" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient19282-4"
id="linearGradient5977"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(442.70725,172.83693)"
x1="-99"
y1="150"
x2="-85"
y2="150" />
</defs>
<g
transform="matrix(0,0.28571429,-0.28571429,0,16.944483,4.0296858)"
style="display:inline"
id="stock">
<g
id="gimp-shape-diamond"
style="display:inline"
transform="translate(-156.1041,-353.19431)">
<path
style="fill:url(#linearGradient6866);fill-opacity:1;stroke:none"
d="m -99,150 7,-7 7,7 -7,7 z"
id="path16026"
transform="translate(241.0002,217)"
inkscape:connector-curvature="0" />
</g>
</g>
<g
transform="matrix(0,0.28571429,-0.28571429,0,11.944483,4.0296858)"
style="display:inline"
id="g5967">
<g
id="g5965"
style="display:inline"
transform="translate(-156.1041,-353.19431)">
<path
style="fill:url(#linearGradient5969);fill-opacity:1;stroke:none"
d="m -99,150 7,-7 7,7 -7,7 z"
id="path5963"
transform="translate(241.0002,217)"
inkscape:connector-curvature="0" />
</g>
</g>
<g
transform="matrix(0,0.28571429,-0.28571429,0,6.9444829,4.0296858)"
style="display:inline"
id="g5975">
<g
id="g5973"
style="display:inline"
transform="translate(-156.1041,-353.19431)">
<path
style="fill:url(#linearGradient5977);fill-opacity:1;stroke:none"
d="m -99,150 7,-7 7,7 -7,7 z"
id="path5971"
transform="translate(241.0002,217)"
inkscape:connector-curvature="0" />
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.5 KiB

View file

@ -0,0 +1,115 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
viewBox="0 0 15.999999 4"
id="svg7384"
height="4"
width="16"
version="1.1"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="separator-handle-h.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1276"
inkscape:window-height="1389"
id="namedview1507"
showgrid="false"
inkscape:zoom="14.75"
inkscape:cx="3.6949153"
inkscape:cy="7.3898305"
inkscape:window-x="0"
inkscape:window-y="24"
inkscape:window-maximized="1"
inkscape:current-layer="svg7384"
inkscape:showpageshadow="2"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:lockguides="true" />
<metadata
id="metadata90">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:contributor>
<cc:Agent>
<dc:title>Barbara Muraus, Jakub Steiner, Klaus Staedtler</dc:title>
</cc:Agent>
</dc:contributor>
<dc:description>Images originally created as the &quot;Art Libre&quot; icon set. Extended and adopted for GIMP</dc:description>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs7386">
<linearGradient
gradientTransform="matrix(0.34682586,0,0,0.30620888,-13.351872,402.03851)"
id="linearGradient19282-4"
inkscape:swatch="solid">
<stop
id="stop19284-0"
offset="0"
style="stop-color:#404040;stop-opacity:1;" />
</linearGradient>
<linearGradient
gradientTransform="matrix(0,0.28571429,-0.28571429,0,6.4751583,154.7735)"
gradientUnits="userSpaceOnUse"
y2="150"
x2="-85"
y1="150"
x1="-99"
id="linearGradient6866"
xlink:href="#linearGradient19282-4" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient19282-4"
id="linearGradient5969"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0,0.28571429,-0.28571429,0,1.4751583,154.7735)"
x1="-99"
y1="150"
x2="-85"
y2="150" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient19282-4"
id="linearGradient5977"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0,0.28571429,-0.28571429,0,-3.5248417,154.7735)"
x1="-99"
y1="150"
x2="-85"
y2="150" />
</defs>
<path
style="fill:url(#linearGradient6866);fill-opacity:1;stroke:none;stroke-width:0.285714"
d="m 12.999995,2.9e-7 2.000001,2.00000001 -2.000001,2.0000001 -2,-2.0000001 z"
id="path16026"
inkscape:connector-curvature="0" />
<path
style="fill:url(#linearGradient5969);fill-opacity:1;stroke:none;stroke-width:0.285714"
d="m 7.9999955,2.9e-7 2,2.00000001 -2,2.0000001 -2,-2.0000001 z"
id="path5963"
inkscape:connector-curvature="0" />
<path
style="fill:url(#linearGradient5977);fill-opacity:1;stroke:none;stroke-width:0.285714"
d="m 2.9999955,2.9e-7 2,2.00000001 -2,2.0000001 -2.00000003,-2.0000001 z"
id="path5971"
inkscape:connector-curvature="0" />
</svg>

After

Width:  |  Height:  |  Size: 3.8 KiB

View file

@ -0,0 +1,137 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
viewBox="0 0 3.9999997 16"
id="svg7384"
height="16"
width="4"
version="1.1"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="separator-handle-v.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1276"
inkscape:window-height="1389"
id="namedview1507"
showgrid="false"
inkscape:zoom="14.75"
inkscape:cx="-6.6779661"
inkscape:cy="8.0677966"
inkscape:window-x="0"
inkscape:window-y="24"
inkscape:window-maximized="1"
inkscape:current-layer="svg7384"
inkscape:showpageshadow="2"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:lockguides="true" />
<metadata
id="metadata90">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:contributor>
<cc:Agent>
<dc:title>Barbara Muraus, Jakub Steiner, Klaus Staedtler</dc:title>
</cc:Agent>
</dc:contributor>
<dc:description>Images originally created as the &quot;Art Libre&quot; icon set. Extended and adopted for GIMP</dc:description>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs7386">
<linearGradient
gradientTransform="matrix(0.34682586,0,0,0.30620888,-13.351872,402.03851)"
id="linearGradient19282-4"
inkscape:swatch="solid">
<stop
id="stop19284-0"
offset="0"
style="stop-color:#bebebe;stop-opacity:1;" />
</linearGradient>
<linearGradient
gradientTransform="matrix(0.28571429,0,0,0.28571429,154.7735,9.5248417)"
gradientUnits="userSpaceOnUse"
y2="150"
x2="-85"
y1="150"
x1="-99"
id="linearGradient6866"
xlink:href="#linearGradient19282-4" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient19282-4"
id="linearGradient5969"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(442.70725,172.83693)"
x1="-99"
y1="150"
x2="-85"
y2="150" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient19282-4"
id="linearGradient5977"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(442.70725,172.83693)"
x1="-99"
y1="150"
x2="-85"
y2="150" />
</defs>
<path
style="fill:url(#linearGradient6866);fill-opacity:1;stroke:none;stroke-width:0.285714"
d="m 2.9e-7,3.0000045 2.00000001,-2 2.0000001,2 -2.0000001,2 z"
id="path16026"
inkscape:connector-curvature="0" />
<g
transform="matrix(0.28571429,0,0,0.28571429,4.0296858,4.0555171)"
style="display:inline"
id="g5967">
<g
id="g5965"
style="display:inline"
transform="translate(-156.1041,-353.19431)">
<path
style="fill:url(#linearGradient5969);fill-opacity:1;stroke:none"
d="m -99,150 7,-7 7,7 -7,7 z"
id="path5963"
transform="translate(241.0002,217)"
inkscape:connector-curvature="0" />
</g>
</g>
<g
transform="matrix(0.28571429,0,0,0.28571429,4.0296858,9.0555171)"
style="display:inline"
id="g5975">
<g
id="g5973"
style="display:inline"
transform="translate(-156.1041,-353.19431)">
<path
style="fill:url(#linearGradient5977);fill-opacity:1;stroke:none"
d="m -99,150 7,-7 7,7 -7,7 z"
id="path5971"
transform="translate(241.0002,217)"
inkscape:connector-curvature="0" />
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.2 KiB

View file

@ -0,0 +1,115 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
viewBox="0 0 3.9999997 16"
id="svg7384"
height="16"
width="4"
version="1.1"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="separator-handle-v.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1276"
inkscape:window-height="1389"
id="namedview1507"
showgrid="false"
inkscape:zoom="14.75"
inkscape:cx="-1.7288136"
inkscape:cy="8.3389831"
inkscape:window-x="0"
inkscape:window-y="24"
inkscape:window-maximized="1"
inkscape:current-layer="svg7384"
inkscape:showpageshadow="2"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:lockguides="true" />
<metadata
id="metadata90">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:contributor>
<cc:Agent>
<dc:title>Barbara Muraus, Jakub Steiner, Klaus Staedtler</dc:title>
</cc:Agent>
</dc:contributor>
<dc:description>Images originally created as the &quot;Art Libre&quot; icon set. Extended and adopted for GIMP</dc:description>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs7386">
<linearGradient
gradientTransform="matrix(0.34682586,0,0,0.30620888,-13.351872,402.03851)"
id="linearGradient19282-4"
inkscape:swatch="solid">
<stop
id="stop19284-0"
offset="0"
style="stop-color:#404040;stop-opacity:1;" />
</linearGradient>
<linearGradient
gradientTransform="matrix(0.28571429,0,0,0.28571429,154.7735,9.5248417)"
gradientUnits="userSpaceOnUse"
y2="150"
x2="-85"
y1="150"
x1="-99"
id="linearGradient6866"
xlink:href="#linearGradient19282-4" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient19282-4"
id="linearGradient5969"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0.28571429,0,0,0.28571429,154.7735,14.524838)"
x1="-99"
y1="150"
x2="-85"
y2="150" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient19282-4"
id="linearGradient5977"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0.28571429,0,0,0.28571429,154.7735,19.524838)"
x1="-99"
y1="150"
x2="-85"
y2="150" />
</defs>
<path
style="fill:url(#linearGradient6866);fill-opacity:1;stroke:none;stroke-width:0.285714"
d="m 2.9e-7,3.0000045 2.00000001,-2 2.0000001,2 -2.0000001,2 z"
id="path16026"
inkscape:connector-curvature="0" />
<path
style="fill:url(#linearGradient5969);fill-opacity:1;stroke:none;stroke-width:0.285714"
d="m 2.9e-7,8.0000005 2.00000001,-2 2.0000001,2 -2.0000001,2.0000005 z"
id="path5963"
inkscape:connector-curvature="0" />
<path
style="fill:url(#linearGradient5977);fill-opacity:1;stroke:none;stroke-width:0.285714"
d="M 2.9e-7,13 2.0000003,11 4.0000004,13 2.0000003,15.000001 Z"
id="path5971"
inkscape:connector-curvature="0" />
</svg>

After

Width:  |  Height:  |  Size: 3.8 KiB

View file

@ -65,4 +65,4 @@
@define-color ruler-color rgba(100,100,100,0.3);
@import url("../Default/common.css");
@import url("../Default/common-light.css");