galactica
/
assets
1
0
Fork 0
Code Issues Releases Activity

Added ui frame variants

master
Mark 2024-02-08 20:36:52 -08:00
parent 1400f7bb89
commit b8ea8c5a04
Signed by: Mark
GPG Key ID: C6D63995FE72FD80
5 changed files with 333 additions and 342 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
render/ui/outfitbg-hover-selected.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
render/ui/outfitbg-hover.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

0
render/ui/outfit-bg.png → render/ui/outfitbg-selected.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 24 KiB

BIN
render/ui/outfitbg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

157
sources/ui/outfit-bg.svg
View File

@ -22,15 +22,6 @@
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs4">
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient5380"
id="linearGradient5409-1-3"
gradientUnits="userSpaceOnUse"
x1="54.403843"
y1="557.36218"
x2="195.5"
y2="557.36218" />
<linearGradient
id="linearGradient5380">
<stop
@ -42,10 +33,25 @@
offset="1"
id="stop5384" />
</linearGradient>
<rect
x="-48.760735"
y="-279.70926"
width="98.818863"
height="56.239605"
id="rect10-0-9" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient5380"
id="linearGradient5411-3-7"
id="linearGradient1"
gradientUnits="userSpaceOnUse"
x1="54.403843"
y1="557.36218"
x2="195.5"
y2="557.36218" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient5380"
id="linearGradient2"
gradientUnits="userSpaceOnUse"
gradientTransform="rotate(-90,245,557.36218)"
x1="54.403843"
@ -55,19 +61,13 @@
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient5380"
id="linearGradient5413-2-8"
id="linearGradient3"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0,1,1,0,-552.36218,552.45834)"
x1="54.403843"
y1="557.36218"
x2="195.5"
y2="557.36218" />
<rect
x="-48.760735"
y="-279.70926"
width="98.818863"
height="56.239605"
id="rect10-0-9" />
</defs>
<sodipodi:namedview
id="base"
@ -76,9 +76,9 @@
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1.0579687"
inkscape:cx="237.24709"
inkscape:cy="437.15848"
inkscape:zoom="0.44274923"
inkscape:cx="228.1201"
inkscape:cy="306.04231"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
@ -142,255 +142,248 @@
id="layer1"
transform="translate(0,-792.36218)">
<g
id="g10-1"
transform="matrix(11.227098,0,0,11.227098,-2274.4283,-11101.667)">
<g
inkscape:label="Layer 1"
id="layer1-6-6-5"
transform="matrix(0.189228,0,0,0.189228,201.8269,906.62814)">
<g
transform="translate(0,500)"
id="g4039-1-4">
transform="matrix(2.1244813,0,0,2.1244813,-8.4979666,139.37711)"
id="g4039-1-4-3">
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3949-5-9"
id="path3949-5-9-5"
d="M 120,240 V 40"
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
inkscape:connector-curvature="0"
id="path3951-5-2"
id="path3951-5-2-6"
d="m 130,522.36218 v -190"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
inkscape:connector-curvature="0"
id="path3953-4-5"
id="path3953-4-5-2"
d="m 140,352.36218 v 150"
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3955-7-7"
id="path3955-7-7-9"
d="M 150,50 V 230"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
inkscape:connector-curvature="0"
id="path3957-6-4"
id="path3957-6-4-1"
d="m 160,522.36218 v -190"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3959-5-9"
id="path3959-5-9-2"
d="M 170,70 V 190"
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3961-6-9"
id="path3961-6-9-7"
d="M 180,40 V 200"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3963-9-4"
id="path3963-9-4-0"
d="M 190,220 V 90"
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3965-3-5"
id="path3965-3-5-9"
d="M 200,40 V 190"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3969-7-9"
id="path3969-7-9-3"
d="M 220,190 V 60"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3971-4-3"
id="path3971-4-3-6"
d="m 230,80 v 90"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
inkscape:connector-curvature="0"
id="path3973-5-57"
id="path3973-5-57-0"
d="m 110,352.36218 v 150"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3975-2-0"
id="path3975-2-0-6"
d="M 100,230 V 40"
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3977-5-8"
id="path3977-5-8-2"
d="M 90,50 V 200"
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3979-4-1"
id="path3979-4-1-6"
d="M 80,230 V 30"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3981-7-9"
id="path3981-7-9-1"
d="M 70,50 V 190"
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3983-4-9"
id="path3983-4-9-8"
d="M 60,210 V 90"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3985-4-7"
id="path3985-4-7-7"
d="M 50,40 V 170"
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3987-3-8"
id="path3987-3-8-9"
d="M 40,200 V 50"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3991-0-2"
id="path3991-0-2-2"
d="M 20,160 V 80"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3995-7-5"
id="path3995-7-5-0"
d="m 70,30 h 90"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3997-8-3"
id="path3997-8-3-2"
d="M 200,40 H 90"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path3999-6-4"
id="path3999-6-4-3"
d="M 40,50 H 150"
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path4001-8-9"
id="path4001-8-9-7"
d="M 50,60 H 210"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path4005-8-0"
id="path4005-8-0-5"
d="M 220,70 H 30"
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path4007-4-2"
id="path4007-4-2-9"
d="M 50,80 H 170"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path4009-3-01"
id="path4009-3-01-2"
d="M 230,90 H 80"
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path4011-1-96"
id="path4011-1-96-2"
d="M 20,100 H 190"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path4013-4-2"
id="path4013-4-2-8"
d="M 240,110 H 10"
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path4015-9-1"
id="path4015-9-1-9"
d="M 20,120 H 180"
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path4017-2-2"
id="path4017-2-2-7"
d="M 230,130 H 60"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path4019-0-0"
id="path4019-0-0-3"
d="M 20,140 H 220"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path4021-6-7"
id="path4021-6-7-6"
d="M 240,150 H 60"
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path4023-8-3"
id="path4023-8-3-1"
d="M 20,160 H 170"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path4025-9-11"
id="path4025-9-11-2"
d="M 220,170 H 60"
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path4027-2-9"
id="path4027-2-9-9"
d="M 40,180 H 180"
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path4029-6-0"
id="path4029-6-0-3"
d="M 220,190 H 80"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path4031-6-5"
id="path4031-6-5-1"
d="M 50,200 H 180"
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path4033-4-6"
id="path4033-4-6-9"
d="M 200,210 H 90"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
transform="translate(0,302.36218)"
inkscape:connector-curvature="0"
id="path4037-9-7"
id="path4037-9-7-4"
d="M 170,230 H 80"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
</g>
<g
id="g5396-5-7"
transform="translate(-0.5,250.5)">
id="g5396-5-7-7"
transform="matrix(2.1244813,0,0,2.1244813,-9.5602073,-390.68097)">
<path
sodipodi:open="true"
sodipodi:end="6.2831853"
@ -401,19 +394,19 @@
sodipodi:rx="35"
sodipodi:cy="285"
sodipodi:cx="210"
id="path3925-0-4"
id="path3925-0-4-8"
style="fill:none;stroke:#646464;stroke-width:0.7;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
sodipodi:type="arc"
sodipodi:arc-type="arc" />
<path
inkscape:connector-curvature="0"
id="path3927-4-0"
id="path3927-4-0-4"
d="M 195,557.36218 H 54.903843"
style="fill:#ffffff;fill-opacity:1;stroke:url(#linearGradient5409-1-3);stroke-width:1;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="fill:#ffffff;fill-opacity:1;stroke:url(#linearGradient1);stroke-width:1;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
sodipodi:type="arc"
style="fill:none;stroke:#1e1e1e;stroke-width:0.7;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="path3929-8-6"
id="path3929-8-6-5"
sodipodi:cx="210"
sodipodi:cy="285"
sodipodi:rx="35"
@ -427,7 +420,7 @@
<path
sodipodi:type="arc"
style="fill:none;stroke:#1e1e1e;stroke-width:0.7;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="path3935-7-47"
id="path3935-7-47-0"
sodipodi:cx="210"
sodipodi:cy="285"
sodipodi:rx="35"
@ -448,22 +441,20 @@
sodipodi:rx="35"
sodipodi:cy="285"
sodipodi:cx="210"
id="path3945-7-2"
id="path3945-7-2-3"
style="fill:none;stroke:#646464;stroke-width:0.7;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
sodipodi:type="arc"
sodipodi:arc-type="arc" />
<path
style="fill:#ffffff;fill-opacity:1;stroke:url(#linearGradient5411-3-7);stroke-width:1;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
style="fill:#ffffff;fill-opacity:1;stroke:url(#linearGradient2);stroke-width:1;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
d="M 245,607.36218 V 747.45834"
id="path5388-2-6"
id="path5388-2-6-6"
inkscape:connector-curvature="0" />
<path
inkscape:connector-curvature="0"
id="path5392-6-6"
id="path5392-6-6-1"
d="M 5,747.45834 V 607.36218"
style="fill:#ffffff;fill-opacity:1;stroke:url(#linearGradient5413-2-8);stroke-width:1;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
</g>
</g>
style="fill:#ffffff;fill-opacity:1;stroke:url(#linearGradient3);stroke-width:1;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 20 KiB