MPSU/APS
1
0
Fork 0
mirror of https://github.com/MPSU/APS.git synced 2026-10-27 13:18:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add dark theme to pictures (#168)

Browse Source 
* feat(APS): changed dark theme

* feat(APS): changed photos

* feat(APS): new table colours

* feat(APS): fixed lines and colours

* feat(APS): fixed tables
This commit is contained in:
footbooller
2026-10-27 09:13:30 +03:00
committed by GitHub
parent 4cac36212b
commit b5410bcd4a
130 changed files with 9367 additions and 9332 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
.pic/Introduction/Implementation steps/fig_01.drawio.svg
View File

@@ -1,31 +1,31 @@
<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="581px" height="393px" viewBox="-0.5 -0.5 581 393" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;jwC3Ir5vknWNR0bwBlxH&quot;&gt;7VpLc5s6FP413mZAAoyXbZr2LtqZzGRxe1d3FKOAWow8Qo5xf30lkHhIpCYuEE+LFxl0dHSQ9H3nIYUVvN0VnxjaJ19ohNMVcKJiBT+sAHDdQPyVglMlgGFYCWJGIqXTCB7ID6yEjpIeSITzjiKnNOVk3xVuaZbhLe/IEGP02FV7omn3rXsUY0vwsEWpLf2XRDyppCFYN/J/MIkTXq93U/U8ou33mNFDpt63AvCp/FXdO6RtqYXmCYrosSWCdyt4yyjl1dOuuMWp3Fq9bdW4jy/01vNmOONDBgA1DX7SS8eR2AnVpIwnNKYZSu8a6ftyeVgacESr0flM6V4IXSH8hjk/KVjRgVMhSvguVb24IPxr6/k/aerGV60PhbJcNk6txj1mZIc5ZlqWcXb62m5UloCv242tsnVqt2xr0TtJHdHMaIYryUeSpqo/54x+r+kAasktTSkr9w465U/0PNGM98lteBRiOT2wrUIAKsIjFmOlpdxJYtMapiD9hKlYBzsJBYZTxMlzl8VIOUNc6zWEEA+KE/38UHN5RukBa0YbhBEU3ldkEQs8JoTjhz0q13IUsaGL/Kv2UGy9litAXr2tz5hxXPxyy1Qv8JRHqojlag89Nv4fKFHScv3Q+f1N9t7SCZ2OE64v8cIr8ZvRnUQNvadEvLVmiht0mQJCv2uiclw1ymBBPY1BxPD/xOh8PjhfF5/acVjHw6k55rtdjkFvM4hjYuPQqaW2lwr5y+/xQoPLa6NcOKOv59VQvJrBpYQPzqcbGdKJqNQ+o0ec3tOccEIz0fVIOac7yQZdUkmgI5QntTOglMRSdStQlzRts16bfad0uPSW9zq37YpY1rk3OBXVJpN6NymNyfb/GHGct56ly+0xQ2pSRZkUrzfrQd/A37Oznuv0pL1ghLS3vp60dya6XUtE0pXC3CnOcwwTL4Sfs3HMMlStboxcGb4Jm96SGbOzwHT6kZKQ7/e/pzepnB8N/KkotlkoNjLFArOeWA+rpW0WnDM0Hgt0SPtVkWKD1kK0S4lxLzEmZUO7Eh5aCLcKCb+njtCykUOV6zmD4LcNQcMQnOxw57qz8Gi98Og3eGRe7wzlkWdcJ9WF9gQ8AhaPkEUkcR7gfVdx5lHDPn1YhybzpLQjUVSmur67vy5HJVNUogMXMWf4ycY1ygLXtU82ffd5cISDjWvfmj4uiFiI+DMi4lmIbBdETETAnIj4FiLRgoiJCAz8+RCxL99y+V/dBRPzgBnOh8nawoThfMEkMMp06HnzYRJamFiAvKJuf9vz+zxlte9uui5k4jC0rDYNQTBdWb1ZYH4tzOvwJgy6AF2MtG3Lmw5sbXkB+2KftlxxONKGIZMyI8I87pXL3wjz5aHbgHlKb7ZvRL4cCgvpv65qslw2mO+81/MlmbMg4gOjjoV2HQumQsS+E3EXRCxEdBEyPiKi2XzoW4W55mNqePcT&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="581px" height="393px" viewBox="-0.5 -0.5 581 393" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;jwC3Ir5vknWNR0bwBlxH&quot;&gt;7VpLc5s6FP413mZAAoyXbZr2LtqZzGRxe1d3FKOAWow8Qo5xf30lkHhIpCYuEE+LFxl0dHSQ9H3nIYUVvN0VnxjaJ19ohNMVcKJiBT+sAHDdQPyVglMlgGFYCWJGIqXTCB7ID6yEjpIeSITzjiKnNOVk3xVuaZbhLe/IEGP02FV7omn3rXsUY0vwsEWpLf2XRDyppCFYN/J/MIkTXq93U/U8ou33mNFDpt63AvCp/FXdO6RtqYXmCYrosSWCdyt4yyjl1dOuuMWp3Fq9bdW4jy/01vNmOONDBgA1DX7SS8eR2AnVpIwnNKYZSu8a6ftyeVgacESr0flM6V4IXSH8hjk/KVjRgVMhSvguVb24IPxr6/k/aerGV60PhbJcNk6txj1mZIc5ZlqWcXb62m5UloCv242tsnVqt2xr0TtJHdHMaIYryUeSpqo/54x+r+kAasktTSkr9w465U/0PNGM98lteBRiOT2wrUIAKsIjFmOlpdxJYtMapiD9hKlYBzsJBYZTxMlzl8VIOUNc6zWEEA+KE/38UHN5RukBa0YbhBEU3ldkEQs8JoTjhz0q13IUsaGL/Kv2UGy9litAXr2tz5hxXPxyy1Qv8JRHqojlag89Nv4fKFHScv3Q+f1N9t7SCZ2OE64v8cIr8ZvRnUQNvadEvLVmiht0mQJCv2uiclw1ymBBPY1BxPD/xOh8PjhfF5/acVjHw6k55rtdjkFvM4hjYuPQqaW2lwr5y+/xQoPLa6NcOKOv59VQvJrBpYQPzqcbGdKJqNQ+o0ec3tOccEIz0fVIOac7yQZdUkmgI5QntTOglMRSdStQlzRts16bfad0uPSW9zq37YpY1rk3OBXVJpN6NymNyfb/GHGct56ly+0xQ2pSRZkUrzfrQd/A37Oznuv0pL1ghLS3vp60dya6XUtE0pXC3CnOcwwTL4Sfs3HMMlStboxcGb4Jm96SGbOzwHT6kZKQ7/e/pzepnB8N/KkotlkoNjLFArOeWA+rpW0WnDM0Hgt0SPtVkWKD1kK0S4lxLzEmZUO7Eh5aCLcKCb+njtCykUOV6zmD4LcNQcMQnOxw57qz8Gi98Og3eGRe7wzlkWdcJ9WF9gQ8AhaPkEUkcR7gfVdx5lHDPn1YhybzpLQjUVSmur67vy5HJVNUogMXMWf4ycY1ygLXtU82ffd5cISDjWvfmj4uiFiI+DMi4lmIbBdETETAnIj4FiLRgoiJCAz8+RCxL99y+V/dBRPzgBnOh8nawoThfMEkMMp06HnzYRJamFiAvKJuf9vz+zxlte9uui5k4jC0rDYNQTBdWb1ZYH4tzOvwJgy6AF2MtG3Lmw5sbXkB+2KftlxxONKGIZMyI8I87pXL3wjz5aHbgHlKb7ZvRL4cCgvpv65qslw2mO+81/MlmbMg4gOjjoV2HQumQsS+E3EXRCxEdBEyPiKi2XzoW4W55mNqePcT&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
<defs/>
<g>
<path d="M 170 70 L 195 70 L 195 165 L 220 165" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 110 30 Q 170 30 170 70 Q 170 110 110 110 Z" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 220 195 L 30 195" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 320 180 L 350 180 L 350 259 L 390 259" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 300 180 L 320 180 M 220 165 L 243 165 M 220 195 L 243 195" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 230 150 C 240.72 168.56 240.72 191.44 230 210" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 260 150 C 277.47 150.56 293.06 162.25 300 180 C 293.06 197.75 277.47 209.44 260 210 L 235 210 C 245.72 191.44 245.72 168.56 235 150 Z" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 390 311 L 30 311" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 420 335 L 420 370 L 30 370" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 450 285 L 550 285" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 30 50 L 110 50" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 30 90 L 110 90" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 170 70 L 195 70 L 195 165 L 220 165" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
<path d="M 110 30 Q 170 30 170 70 Q 170 110 110 110 Z" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
<path d="M 220 195 L 30 195" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
<path d="M 320 180 L 350 180 L 350 259 L 390 259" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
<path d="M 300 180 L 320 180 M 220 165 L 243 165 M 220 195 L 243 195" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
<path d="M 230 150 C 240.72 168.56 240.72 191.44 230 210" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
<path d="M 260 150 C 277.47 150.56 293.06 162.25 300 180 C 293.06 197.75 277.47 209.44 260 210 L 235 210 C 245.72 191.44 245.72 168.56 235 150 Z" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
<path d="M 390 311 L 30 311" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
<path d="M 420 335 L 420 370 L 30 370" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
<path d="M 450 285 L 550 285" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
<path d="M 30 50 L 110 50" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
<path d="M 30 90 L 110 90" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
<rect x="20" y="20" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 35px; margin-left: 21px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
a
</div>
</div>
</div>
</foreignObject>
<text x="50" y="41" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
<text x="50" y="41" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
a
</text>
</switch>
@@ -36,13 +36,13 @@
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 75px; margin-left: 21px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
b
</div>
</div>
</div>
</foreignObject>
<text x="50" y="81" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
<text x="50" y="81" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
b
</text>
</switch>
@@ -53,13 +53,13 @@
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 175px; margin-left: 21px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
c
</div>
</div>
</div>
</foreignObject>
<text x="50" y="181" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
<text x="50" y="181" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
c
</text>
</switch>
@@ -70,13 +70,13 @@
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 290px; margin-left: 21px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
d
</div>
</div>
</div>
</foreignObject>
<text x="50" y="296" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
<text x="50" y="296" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
d
</text>
</switch>
@@ -87,13 +87,13 @@
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 353px; margin-left: 21px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
sel
</div>
</div>
</div>
</foreignObject>
<text x="50" y="359" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
<text x="50" y="359" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
sel
</text>
</switch>
@@ -104,34 +104,34 @@
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 269px; margin-left: 501px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
res
</div>
</div>
</div>
</foreignObject>
<text x="530" y="275" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
<text x="530" y="275" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
res
</text>
</switch>
</g>
<path d="M 389 340 L 389 230" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 448.86 240 L 448.86 330" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 389 230 L 449 240" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 389 340 L 449 330" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 389 340 L 389 230" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
<path d="M 448.86 240 L 448.86 330" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
<path d="M 389 230 L 449 240" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
<path d="M 389 340 L 449 330" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
<rect x="389" y="270" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 285px; margin-left: 390px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
Mux
</div>
</div>
</div>
</foreignObject>
<text x="419" y="291" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
<text x="419" y="291" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
Mux
</text>
</switch>
@@ -142,13 +142,13 @@
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 18px; height: 1px; padding-top: 259px; margin-left: 391px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
0
</div>
</div>
</div>
</foreignObject>
<text x="400" y="265" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
<text x="400" y="265" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
0
</text>
</switch>
@@ -159,13 +159,13 @@
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 18px; height: 1px; padding-top: 311px; margin-left: 391px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
1
</div>
</div>
</div>
</foreignObject>
<text x="400" y="317" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
<text x="400" y="317" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
1
</text>
</switch>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 17 KiB