yesBad/proton-bridge
1
0
Fork 0
forked from Silverfish/proton-bridge
Code Actions Activity

GODT-1428: Fix welcome illustration by using PNG.

Browse Source
This commit is contained in:
Alexander Bilyak
2021-11-24 13:16:40 +01:00
committed by Jakub Cuth
parent f2d568d92f
commit f851f4d5c2
7 changed files with 532 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
internal/frontend/qml/Proton/ColorScheme.qml
View File

@ -85,4 +85,7 @@ QtObject {
// Backdrop
property color backdrop_norm
// Images
property string welcome_img
}

9
internal/frontend/qml/Proton/Style.qml
View File

@ -102,6 +102,9 @@ QtObject {
// Backdrop
backdrop_norm: "#7A262A33"
// Images
welcome_img: "icons/img-welcome.png"
}
property ColorScheme prominentStyle: ColorScheme {
@ -173,6 +176,9 @@ QtObject {
// Backdrop
backdrop_norm: "#52000000"
// Images
welcome_img: "icons/img-welcome-dark.png"
}
property ColorScheme darkStyle: ColorScheme {
@ -244,6 +250,9 @@ QtObject {
// Backdrop
backdrop_norm: "#52000000"
// Images
welcome_img: "icons/img-welcome-dark.png"
}
// TODO: if default style should be loaded from somewhere

2
internal/frontend/qml/WelcomeGuide.qml
View File

@ -80,7 +80,7 @@ Item {
spacing: 0
Image {
source: "icons/img-welcome.svg"
source: colorScheme.welcome_img
Layout.alignment: Qt.AlignHCenter
Layout.topMargin: 16
sourceSize.height: 148

BIN
internal/frontend/qml/icons/img-welcome-dark.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 66 KiB

263
internal/frontend/qml/icons/img-welcome-dark.svg Normal file
View File

@ -0,0 +1,263 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="264"
height="148"
fill="none"
viewBox="0 0 264 148"
version="1.1"
id="svg90"
sodipodi:docname="img-welcome-dark.svg"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
inkscape:export-filename="/home/dev/gopath/src/github.com/ProtonMail/proton-bridge/internal/frontend/qml/icons/img-welcome.png"
inkscape:export-xdpi="400"
inkscape:export-ydpi="400"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview92"
pagecolor="#505050"
bordercolor="#ffffff"
borderopacity="1"
inkscape:pageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="1"
showgrid="false"
inkscape:snap-page="true"
inkscape:zoom="4.3513514"
inkscape:cx="132.02795"
inkscape:cy="74.114907"
inkscape:window-width="2556"
inkscape:window-height="1404"
inkscape:window-x="0"
inkscape:window-y="16"
inkscape:window-maximized="1"
inkscape:current-layer="svg90" />
<rect
style="fill:#262a33;stroke-width:1.88976;stroke-linecap:round;stroke-linejoin:round;fill-opacity:1"
id="rect931"
width="264"
height="148"
x="0"
y="0"
inkscape:export-filename="/home/dev/gopath/src/github.com/ProtonMail/proton-bridge/internal/frontend/qml/icons/img-welcome-dark.png"
inkscape:export-xdpi="400"
inkscape:export-ydpi="400" />
<path
fill="#B0D4E5"
d="M220.171 147.001H43.856a3.018 3.018 0 01-3.051-3.051v-1.712c0-1.711 1.34-3.05 3.05-3.05h176.316a3.017 3.017 0 013.05 3.05v1.712c0 1.711-1.413 3.051-3.05 3.051z"
id="path2" />
<path
fill="#DAF3FF"
d="M140.83 143.503h-18.454a4.24 4.24 0 01-4.241-4.241h26.936a4.24 4.24 0 01-4.241 4.241z"
id="path4" />
<path
fill="url(#paint0_radial_6541_18774)"
d="M205.034 139.187H57.501V53.929c0-4.91 4.018-8.929 8.93-8.929h129.673c4.912 0 8.93 4.018 8.93 8.93v85.257z"
id="path6" />
<path
fill="url(#paint1_linear_6541_18774)"
d="M198.115 139.187H65.167V55.343a2.16 2.16 0 012.158-2.158h128.558a2.16 2.16 0 012.158 2.158v83.844h.074z"
id="path8" />
<path
fill="url(#paint2_radial_6541_18774)"
d="M189.805 131.286H75.18V62.519c0-.996.848-1.804 1.892-1.804h110.775c1.044 0 1.892.808 1.892 1.803v68.768h.066z"
id="path10" />
<path
fill="#B0D4E5"
d="M83.156 70.774a2.083 2.083 0 100-4.167 2.083 2.083 0 000 4.167zM89.63 70.774a2.084 2.084 0 100-4.167 2.084 2.084 0 000 4.167zM96.105 70.774a2.083 2.083 0 100-4.167 2.083 2.083 0 000 4.167z"
id="path12" />
<path
fill="url(#paint3_linear_6541_18774)"
d="M0 69c0-13.255 10.745-24 24-24s24 10.745 24 24v24H24C10.745 93 0 82.255 0 69z"
id="path14" />
<g
id="g20">
<path
fill="url(#paint4_linear_6541_18774)"
d="M241.633 76.354h-61.709c-2.177 0-3.924-1.792-3.924-3.965V33.965c0-2.173 1.774-3.965 3.924-3.965h61.682c2.177 0 3.924 1.792 3.924 3.965v38.424a3.91 3.91 0 01-3.897 3.965z"
id="path16" />
<path
fill="url(#paint5_linear_6541_18774)"
d="M208.232 56.69a3.984 3.984 0 005.048 0l31.151-25.648A3.97 3.97 0 00241.758 30H179.78a3.97 3.97 0 00-2.673 1.042l31.125 25.648z"
id="path18" />
</g>
<path
fill="url(#paint6_linear_6541_18774)"
d="M159 81h-56v8c5.523 0 10 4.477 10 10v12h8V99c0-5.523 4.477-10 10-10s10 4.477 10 10v12h8V99c0-5.523 4.477-10 10-10v-8z"
id="path22" />
<g
id="g28">
<path
fill="#fff"
d="M24 56s-7.45-.265-9 8.238v5.802s.043.62 1.766 1.904c1.722 1.284 6.072 4.827 7.234 4.827 1.163 0 5.555-3.587 7.235-4.827C32.913 70.704 33 70.04 33 70.04v-5.802c-1.507-8.503-9-8.237-9-8.237zM18.92 67.428v-3.145c.603-2.435 2.67-4.162 5.124-4.295 2.455.088 4.522 1.86 5.125 4.295v3.145H18.919z"
id="path24" />
<path
fill="#fff"
d="M24 78.055c-.732-.088-1.421-.354-2.067-.752L15 72.21v8.768c.043.62.56 1.063 1.12 1.019h15.717c.603.044 1.12-.399 1.162-.974V72.21l-6.932 5.093a4.67 4.67 0 01-2.067.752z"
id="path26" />
</g>
<g
id="g34">
<circle
cx="238.278"
cy="30.278"
r="15.278"
fill="url(#paint7_linear_6541_18774)"
id="circle30" />
<path
fill="#fff"
fill-rule="evenodd"
d="M244.702 26.668a1.05 1.05 0 01.005 1.485l-7.579 7.64a1.052 1.052 0 01-1.492 0l-3.878-3.91a1.05 1.05 0 111.491-1.48l3.133 3.158 6.834-6.887a1.051 1.051 0 011.486-.006z"
clip-rule="evenodd"
id="path32" />
</g>
<defs
id="defs88">
<linearGradient
id="paint1_linear_6541_18774"
x1="62.708"
x2="206.623"
y1="144.988"
y2="58.752"
gradientUnits="userSpaceOnUse">
<stop
stop-color="#35168C"
id="stop36" />
<stop
offset=".318"
stop-color="#FF5454"
id="stop38" />
<stop
offset=".469"
stop-color="#FFDD64"
id="stop40" />
<stop
offset=".677"
stop-color="#BCE6FF"
id="stop42" />
<stop
offset=".911"
stop-color="#6983EF"
id="stop44" />
<stop
offset="1"
stop-color="#2395FF"
id="stop46" />
</linearGradient>
<linearGradient
id="paint3_linear_6541_18774"
x1="33.965"
x2="4.721"
y1="89.503"
y2="47.95"
gradientUnits="userSpaceOnUse">
<stop
stop-color="#4F6DE6"
id="stop49" />
<stop
offset=".483"
stop-color="#63A1FE"
id="stop51" />
<stop
offset="1"
stop-color="#82D2FF"
id="stop53" />
</linearGradient>
<linearGradient
id="paint4_linear_6541_18774"
x1="210.765"
x2="210.765"
y1="30"
y2="66.421"
gradientUnits="userSpaceOnUse">
<stop
stop-color="#C1DEF8"
id="stop56" />
<stop
offset="1"
stop-color="#ECFAFF"
id="stop58" />
</linearGradient>
<linearGradient
id="paint5_linear_6541_18774"
x1="210.769"
x2="210.769"
y1="18.412"
y2="50.418"
gradientUnits="userSpaceOnUse">
<stop
stop-color="#DEEBF7"
id="stop61" />
<stop
offset="1"
stop-color="#fff"
id="stop63" />
</linearGradient>
<linearGradient
id="paint6_linear_6541_18774"
x1="142.626"
x2="129.807"
y1="108.815"
y2="74.814"
gradientUnits="userSpaceOnUse">
<stop
stop-color="#4F6DE6"
id="stop66" />
<stop
offset=".483"
stop-color="#63A1FE"
id="stop68" />
<stop
offset="1"
stop-color="#82D2FF"
id="stop70" />
</linearGradient>
<linearGradient
id="paint7_linear_6541_18774"
x1="238.278"
x2="238.278"
y1="15"
y2="45.556"
gradientUnits="userSpaceOnUse">
<stop
stop-color="#5BCB6A"
id="stop73" />
<stop
offset="1"
stop-color="#1CB78F"
id="stop75" />
</linearGradient>
<radialGradient
id="paint0_radial_6541_18774"
cx="0"
cy="0"
r="1"
gradientTransform="matrix(-49.00025 33.4997 -52.4734 -76.75324 201 51.5)"
gradientUnits="userSpaceOnUse">
<stop
stop-color="#292842"
id="stop78" />
<stop
offset="1"
stop-color="#38385F"
id="stop80" />
</radialGradient>
<radialGradient
id="paint2_radial_6541_18774"
cx="0"
cy="0"
r="1"
gradientTransform="rotate(135 80.599 70.583) scale(33.9411 55.1286)"
gradientUnits="userSpaceOnUse">
<stop
stop-color="#DDDBE3"
id="stop83" />
<stop
offset="1"
stop-color="#fff"
id="stop85" />
</radialGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.9 KiB

BIN
internal/frontend/qml/icons/img-welcome.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 65 KiB

317
internal/frontend/qml/icons/img-welcome.svg
View File

@ -1,62 +1,257 @@
<svg width="264" height="148" viewBox="0 0 264 148" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M220.171 147H43.8555C42.1441 147 40.8047 145.661 40.8047 143.949V142.238C40.8047 140.526 42.1441 139.187 43.8555 139.187H220.171C221.882 139.187 223.221 140.526 223.221 142.238V143.949C223.221 145.661 221.808 147 220.171 147Z" fill="#B0D4E5"/>
<path d="M140.83 143.503H122.376C119.995 143.503 118.135 141.568 118.135 139.261H145.071C145.071 141.568 143.211 143.503 140.83 143.503Z" fill="#DAF3FF"/>
<path d="M205.035 139.187H57.502V53.9292C57.502 49.0182 61.5201 45 66.4312 45H196.105C201.017 45 205.035 49.0182 205.035 53.9292V139.187Z" fill="#38385F"/>
<path d="M198.116 139.186H65.168V55.3426C65.168 54.152 66.1353 53.1847 67.3259 53.1847H195.884C197.075 53.1847 198.042 54.152 198.042 55.3426V139.186H198.116Z" fill="url(#paint0_linear)"/>
<path d="M189.805 131.286H75.1797V62.518C75.1797 61.5228 76.028 60.7143 77.0721 60.7143H187.847C188.891 60.7143 189.739 61.5228 189.739 62.518V131.286H189.805Z" fill="white"/>
<path d="M83.1558 70.7741C84.3064 70.7741 85.2392 69.8413 85.2392 68.6906C85.2392 67.5399 84.3064 66.6071 83.1558 66.6071C82.0051 66.6071 81.0723 67.5399 81.0723 68.6906C81.0723 69.8413 82.0051 70.7741 83.1558 70.7741Z" fill="#B0D4E5"/>
<path d="M89.6304 70.7741C90.781 70.7741 91.7139 69.8413 91.7139 68.6906C91.7139 67.5399 90.781 66.6071 89.6304 66.6071C88.4797 66.6071 87.5469 67.5399 87.5469 68.6906C87.5469 69.8413 88.4797 70.7741 89.6304 70.7741Z" fill="#B0D4E5"/>
<path d="M96.105 70.7741C97.2557 70.7741 98.1885 69.8413 98.1885 68.6906C98.1885 67.5399 97.2557 66.6071 96.105 66.6071C94.9543 66.6071 94.0215 67.5399 94.0215 68.6906C94.0215 69.8413 94.9543 70.7741 96.105 70.7741Z" fill="#B0D4E5"/>
<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="119" y="45" width="86" height="79">
<rect x="119.07" y="45" width="85.4464" height="78.5714" fill="#C4C4C4"/>
</mask>
<g mask="url(#mask0)">
<g opacity="0.2" filter="url(#filter0_f)">
<path d="M171.125 21.9196L204.518 45V99.5089L200.736 97.3398C182.421 86.8356 171.125 67.3354 171.125 46.2218V21.9196Z" fill="#221548"/>
</g>
</g>
<path d="M0 69C0 55.7452 10.7452 45 24 45C37.2548 45 48 55.7452 48 69V93H24C10.7452 93 0 82.2548 0 69Z" fill="url(#paint1_linear)"/>
<path d="M241.633 76.3542H179.924C177.747 76.3542 176 74.562 176 72.3896V33.9651C176 31.7927 177.774 30.0004 179.924 30.0004H241.606C243.783 30.0004 245.53 31.7927 245.53 33.9651V72.3896C245.557 74.5891 243.783 76.3542 241.633 76.3542Z" fill="url(#paint2_linear)"/>
<path d="M208.232 56.69C209.689 57.8922 211.822 57.8922 213.28 56.69L244.431 31.0421C243.729 30.4009 242.784 30.0001 241.758 30.0001H179.78C178.754 30.0001 177.809 30.4009 177.107 31.0421L208.232 56.69Z" fill="url(#paint3_linear)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M159 81H103V89C108.523 89 113 93.4772 113 99V111H121V99C121 93.4772 125.477 89 131 89C136.523 89 141 93.4772 141 99V111H149V99C149 93.4772 153.477 89 159 89V81Z" fill="url(#paint4_linear)"/>
<path d="M24.0002 56.0009C24.0002 56.0009 16.5507 55.7352 15.0005 64.2382V70.0397C15.0005 70.0397 15.0435 70.6597 16.766 71.944C18.4884 73.2283 22.8376 76.7712 24.0002 76.7712C25.1629 76.7712 29.5551 73.184 31.2345 71.944C32.9139 70.704 33 70.0397 33 70.0397V64.2382C31.4929 55.7352 24.0002 56.0009 24.0002 56.0009ZM18.919 67.4268V64.2825C19.5219 61.8467 21.5888 60.1196 24.0433 59.9867C26.4978 60.0753 28.5647 61.8467 29.1676 64.2825V67.4268H18.919Z" fill="white"/>
<path d="M23.9998 78.0555C23.2677 77.9669 22.5788 77.7012 21.9328 77.3026C21.0286 76.6383 15 72.2097 15 72.2097V80.9784C15.0431 81.5984 15.5598 82.0412 16.1196 81.9969H31.8369C32.4397 82.0412 32.9565 81.5984 32.9995 81.0226V72.2097C32.9995 72.2097 26.971 76.6383 26.0667 77.3026C25.4638 77.7012 24.7749 77.9669 23.9998 78.0555Z" fill="white"/>
<circle cx="238.278" cy="30.2778" r="15.2778" fill="url(#paint5_linear)"/>
<path d="M232.504 31.1432L236.382 35.052L243.962 27.4131" stroke="white" stroke-width="2.1007" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<defs>
<filter id="filter0_f" x="154.429" y="5.22319" width="66.7857" height="110.982" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="8.34821" result="effect1_foregroundBlur"/>
</filter>
<linearGradient id="paint0_linear" x1="62.7088" y1="144.987" x2="206.624" y2="58.7507" gradientUnits="userSpaceOnUse">
<stop stop-color="#35168C"/>
<stop offset="0.317708" stop-color="#FF5454"/>
<stop offset="0.46875" stop-color="#FFDD64"/>
<stop offset="0.677083" stop-color="#BCE6FF"/>
<stop offset="0.942708" stop-color="#2395FF"/>
</linearGradient>
<linearGradient id="paint1_linear" x1="33.965" y1="89.5033" x2="4.72061" y2="47.9504" gradientUnits="userSpaceOnUse">
<stop stop-color="#4F6DE6"/>
<stop offset="0.483234" stop-color="#63A1FE"/>
<stop offset="1" stop-color="#82D2FF"/>
</linearGradient>
<linearGradient id="paint2_linear" x1="210.765" y1="30.0004" x2="210.765" y2="66.4213" gradientUnits="userSpaceOnUse">
<stop stop-color="#C1DEF8"/>
<stop offset="1" stop-color="#ECFAFF"/>
</linearGradient>
<linearGradient id="paint3_linear" x1="210.769" y1="18.4117" x2="210.769" y2="50.4179" gradientUnits="userSpaceOnUse">
<stop stop-color="#DEEBF7"/>
<stop offset="1" stop-color="white"/>
</linearGradient>
<linearGradient id="paint4_linear" x1="142.626" y1="108.815" x2="129.807" y2="74.8136" gradientUnits="userSpaceOnUse">
<stop stop-color="#4F6DE6"/>
<stop offset="0.483234" stop-color="#63A1FE"/>
<stop offset="1" stop-color="#82D2FF"/>
</linearGradient>
<linearGradient id="paint5_linear" x1="238.278" y1="15" x2="238.278" y2="45.5556" gradientUnits="userSpaceOnUse">
<stop stop-color="#5BCB6A"/>
<stop offset="1" stop-color="#1CB78F"/>
</linearGradient>
</defs>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="264"
height="148"
fill="none"
viewBox="0 0 264 148"
version="1.1"
id="svg90"
sodipodi:docname="img-welcome.svg"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview92"
pagecolor="#505050"
bordercolor="#ffffff"
borderopacity="1"
inkscape:pageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="1"
showgrid="false"
inkscape:snap-page="true"
inkscape:zoom="4.3513514"
inkscape:cx="132.02795"
inkscape:cy="74.114907"
inkscape:window-width="2556"
inkscape:window-height="1404"
inkscape:window-x="0"
inkscape:window-y="16"
inkscape:window-maximized="1"
inkscape:current-layer="svg90" />
<rect
style="fill:#ffffff;stroke-width:1.88976;stroke-linecap:round;stroke-linejoin:round;fill-opacity:1"
id="rect931"
width="264"
height="148"
x="0"
y="0" />
<path
fill="#B0D4E5"
d="M220.171 147.001H43.856a3.018 3.018 0 01-3.051-3.051v-1.712c0-1.711 1.34-3.05 3.05-3.05h176.316a3.017 3.017 0 013.05 3.05v1.712c0 1.711-1.413 3.051-3.05 3.051z"
id="path2" />
<path
fill="#DAF3FF"
d="M140.83 143.503h-18.454a4.24 4.24 0 01-4.241-4.241h26.936a4.24 4.24 0 01-4.241 4.241z"
id="path4" />
<path
fill="url(#paint0_radial_6541_18774)"
d="M205.034 139.187H57.501V53.929c0-4.91 4.018-8.929 8.93-8.929h129.673c4.912 0 8.93 4.018 8.93 8.93v85.257z"
id="path6" />
<path
fill="url(#paint1_linear_6541_18774)"
d="M198.115 139.187H65.167V55.343a2.16 2.16 0 012.158-2.158h128.558a2.16 2.16 0 012.158 2.158v83.844h.074z"
id="path8" />
<path
fill="url(#paint2_radial_6541_18774)"
d="M189.805 131.286H75.18V62.519c0-.996.848-1.804 1.892-1.804h110.775c1.044 0 1.892.808 1.892 1.803v68.768h.066z"
id="path10" />
<path
fill="#B0D4E5"
d="M83.156 70.774a2.083 2.083 0 100-4.167 2.083 2.083 0 000 4.167zM89.63 70.774a2.084 2.084 0 100-4.167 2.084 2.084 0 000 4.167zM96.105 70.774a2.083 2.083 0 100-4.167 2.083 2.083 0 000 4.167z"
id="path12" />
<path
fill="url(#paint3_linear_6541_18774)"
d="M0 69c0-13.255 10.745-24 24-24s24 10.745 24 24v24H24C10.745 93 0 82.255 0 69z"
id="path14" />
<g
id="g20">
<path
fill="url(#paint4_linear_6541_18774)"
d="M241.633 76.354h-61.709c-2.177 0-3.924-1.792-3.924-3.965V33.965c0-2.173 1.774-3.965 3.924-3.965h61.682c2.177 0 3.924 1.792 3.924 3.965v38.424a3.91 3.91 0 01-3.897 3.965z"
id="path16" />
<path
fill="url(#paint5_linear_6541_18774)"
d="M208.232 56.69a3.984 3.984 0 005.048 0l31.151-25.648A3.97 3.97 0 00241.758 30H179.78a3.97 3.97 0 00-2.673 1.042l31.125 25.648z"
id="path18" />
</g>
<path
fill="url(#paint6_linear_6541_18774)"
d="M159 81h-56v8c5.523 0 10 4.477 10 10v12h8V99c0-5.523 4.477-10 10-10s10 4.477 10 10v12h8V99c0-5.523 4.477-10 10-10v-8z"
id="path22" />
<g
id="g28">
<path
fill="#fff"
d="M24 56s-7.45-.265-9 8.238v5.802s.043.62 1.766 1.904c1.722 1.284 6.072 4.827 7.234 4.827 1.163 0 5.555-3.587 7.235-4.827C32.913 70.704 33 70.04 33 70.04v-5.802c-1.507-8.503-9-8.237-9-8.237zM18.92 67.428v-3.145c.603-2.435 2.67-4.162 5.124-4.295 2.455.088 4.522 1.86 5.125 4.295v3.145H18.919z"
id="path24" />
<path
fill="#fff"
d="M24 78.055c-.732-.088-1.421-.354-2.067-.752L15 72.21v8.768c.043.62.56 1.063 1.12 1.019h15.717c.603.044 1.12-.399 1.162-.974V72.21l-6.932 5.093a4.67 4.67 0 01-2.067.752z"
id="path26" />
</g>
<g
id="g34">
<circle
cx="238.278"
cy="30.278"
r="15.278"
fill="url(#paint7_linear_6541_18774)"
id="circle30" />
<path
fill="#fff"
fill-rule="evenodd"
d="M244.702 26.668a1.05 1.05 0 01.005 1.485l-7.579 7.64a1.052 1.052 0 01-1.492 0l-3.878-3.91a1.05 1.05 0 111.491-1.48l3.133 3.158 6.834-6.887a1.051 1.051 0 011.486-.006z"
clip-rule="evenodd"
id="path32" />
</g>
<defs
id="defs88">
<linearGradient
id="paint1_linear_6541_18774"
x1="62.708"
x2="206.623"
y1="144.988"
y2="58.752"
gradientUnits="userSpaceOnUse">
<stop
stop-color="#35168C"
id="stop36" />
<stop
offset=".318"
stop-color="#FF5454"
id="stop38" />
<stop
offset=".469"
stop-color="#FFDD64"
id="stop40" />
<stop
offset=".677"
stop-color="#BCE6FF"
id="stop42" />
<stop
offset=".911"
stop-color="#6983EF"
id="stop44" />
<stop
offset="1"
stop-color="#2395FF"
id="stop46" />
</linearGradient>
<linearGradient
id="paint3_linear_6541_18774"
x1="33.965"
x2="4.721"
y1="89.503"
y2="47.95"
gradientUnits="userSpaceOnUse">
<stop
stop-color="#4F6DE6"
id="stop49" />
<stop
offset=".483"
stop-color="#63A1FE"
id="stop51" />
<stop
offset="1"
stop-color="#82D2FF"
id="stop53" />
</linearGradient>
<linearGradient
id="paint4_linear_6541_18774"
x1="210.765"
x2="210.765"
y1="30"
y2="66.421"
gradientUnits="userSpaceOnUse">
<stop
stop-color="#C1DEF8"
id="stop56" />
<stop
offset="1"
stop-color="#ECFAFF"
id="stop58" />
</linearGradient>
<linearGradient
id="paint5_linear_6541_18774"
x1="210.769"
x2="210.769"
y1="18.412"
y2="50.418"
gradientUnits="userSpaceOnUse">
<stop
stop-color="#DEEBF7"
id="stop61" />
<stop
offset="1"
stop-color="#fff"
id="stop63" />
</linearGradient>
<linearGradient
id="paint6_linear_6541_18774"
x1="142.626"
x2="129.807"
y1="108.815"
y2="74.814"
gradientUnits="userSpaceOnUse">
<stop
stop-color="#4F6DE6"
id="stop66" />
<stop
offset=".483"
stop-color="#63A1FE"
id="stop68" />
<stop
offset="1"
stop-color="#82D2FF"
id="stop70" />
</linearGradient>
<linearGradient
id="paint7_linear_6541_18774"
x1="238.278"
x2="238.278"
y1="15"
y2="45.556"
gradientUnits="userSpaceOnUse">
<stop
stop-color="#5BCB6A"
id="stop73" />
<stop
offset="1"
stop-color="#1CB78F"
id="stop75" />
</linearGradient>
<radialGradient
id="paint0_radial_6541_18774"
cx="0"
cy="0"
r="1"
gradientTransform="matrix(-49.00025 33.4997 -52.4734 -76.75324 201 51.5)"
gradientUnits="userSpaceOnUse">
<stop
stop-color="#292842"
id="stop78" />
<stop
offset="1"
stop-color="#38385F"
id="stop80" />
</radialGradient>
<radialGradient
id="paint2_radial_6541_18774"
cx="0"
cy="0"
r="1"
gradientTransform="rotate(135 80.599 70.583) scale(33.9411 55.1286)"
gradientUnits="userSpaceOnUse">
<stop
stop-color="#DDDBE3"
id="stop83" />
<stop
offset="1"
stop-color="#fff"
id="stop85" />
</radialGradient>
</defs>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.8 KiB

After

Width:  |  Height:  |  Size: 7.5 KiB