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

64
.pic/Basic Verilog structures/assignments/fig_06.drawio.svg
View File

@@ -1,85 +1,85 @@
<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="360px" height="151px" viewBox="-0.5 -0.5 360 151" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;qWCpWVrluKFoeLL3cm8k&quot;&gt;5VrLctowFP0atoxk+blMyaOLdiYzLNouFVux1RiLESJAv75yLGNLMuAQYzopm6Cjh+Vzzz26UTJBs8X2geNl9p0lJJ84INlO0O3EcSCAjvxRIrsKQUFUASmniRrUAHP6h+jgmiZkpUGCsVzQpQ7GrChILDQMc842+rBnlusPXeKUWMA8xrmN/qCJyCo0dIIG/0pomtVPhr56vSccv6ScrQv1vImDnt8+VfcC12uBClhlOGGbFoTuJmjGGRPVt8V2RvKS2pq1at79gd79vjkpRJ8JKkyvOF+rV8dqY2JXk/H2OqScACboyyajgsyXOC57NzL6EsvEIpctKL/aG1B7eiVckG0LUht6IGxBBN/JIarXAYocpR0XgKlXIZsmGK4alLXi4CsMq/Cn+7UbCuQXxUI3I8hixCJEcIqLtGydYoMzgQVlhWxGYCB2IKzZqHMrijr4gZ7NDwzqgR9hyD3NECmSmzINZatgBTFJaeuJbKn4WfZMgeOp9q+yb+qhQLVvt63Bt7tW45FwKl+AcIUdJHjF1jyus9uvMJJoLmBT3qLT65BbjXGSyyi/6t7RxbB6wiOjcnf7iELf0Dsylqj2rma1k9lYyEoccyGBeUqEtZAMFd61hi3LAasjGw5dXYB+cHRf5vh6X43eqh006tvHoJcgvcsIUhej4w8nxn9EeHsPbeIyBT5oPv6ZOvT8s3R4Ruh9O9KS27lqMi4ylrIC53cNaoS7GfONsaWK+28ixE5VJXgtmK6XWiFAV8hxfTQCZFKoFXJP85PnZtu4gp7y+aghHcjvoX3E8b1OnRzUlTHe8J0P+0hg+ciTJa/Ri6HwmsVQ+F+lVzROeu2L/1rG4YXSK4o6nzNUukSnj93rVsrRtStlCMaoTEB4mTK572kzTrGCkFmsgCk6rz5BaLT6BEI74CM66FT7jeryDgrRSBYqE7lVpwI4iqGisNu4hzJU2OEOn/i4HU0sB8rGweXhBqZDHbchY/zQ5Sy0r7JiS2Bj17PIvOwYtZ6FPe6urlqzoODqNcsotykn3EXuuTq/AEA1UN/D7IFm8ltLm33evaBKmMoPalJ7mtQ4VZALB6uCXOv2B5j6GbAO8i1V0cJOPbIVuphWgrMXMmM5443YnuVBY0A4p2mZh7GMbxn0L2XK0RjnN6pjQZPkYE7rkh0gjaGrV5jIg3YKI1slaAiPs68x2Fp8Xq4tHUPbLutVB+f6qhckZ3qqpznqSTc1rb6p9Poba2Qbq9PTV99nmO++IzlwFzNYDWZfksT5y+dNRug6Op+BYxtfOEgyymbzd/IqNM3/IqC7vw==&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="360px" height="151px" viewBox="-0.5 -0.5 360 151" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;qWCpWVrluKFoeLL3cm8k&quot;&gt;5VrLctowFP0atoxk+blMyaOLdiYzLNouFVux1RiLESJAv75yLGNLMuAQYzopm6Cjh+Vzzz26UTJBs8X2geNl9p0lJJ84INlO0O3EcSCAjvxRIrsKQUFUASmniRrUAHP6h+jgmiZkpUGCsVzQpQ7GrChILDQMc842+rBnlusPXeKUWMA8xrmN/qCJyCo0dIIG/0pomtVPhr56vSccv6ScrQv1vImDnt8+VfcC12uBClhlOGGbFoTuJmjGGRPVt8V2RvKS2pq1at79gd79vjkpRJ8JKkyvOF+rV8dqY2JXk/H2OqScACboyyajgsyXOC57NzL6EsvEIpctKL/aG1B7eiVckG0LUht6IGxBBN/JIarXAYocpR0XgKlXIZsmGK4alLXi4CsMq/Cn+7UbCuQXxUI3I8hixCJEcIqLtGydYoMzgQVlhWxGYCB2IKzZqHMrijr4gZ7NDwzqgR9hyD3NECmSmzINZatgBTFJaeuJbKn4WfZMgeOp9q+yb+qhQLVvt63Bt7tW45FwKl+AcIUdJHjF1jyus9uvMJJoLmBT3qLT65BbjXGSyyi/6t7RxbB6wiOjcnf7iELf0Dsylqj2rma1k9lYyEoccyGBeUqEtZAMFd61hi3LAasjGw5dXYB+cHRf5vh6X43eqh006tvHoJcgvcsIUhej4w8nxn9EeHsPbeIyBT5oPv6ZOvT8s3R4Ruh9O9KS27lqMi4ylrIC53cNaoS7GfONsaWK+28ixE5VJXgtmK6XWiFAV8hxfTQCZFKoFXJP85PnZtu4gp7y+aghHcjvoX3E8b1OnRzUlTHe8J0P+0hg+ciTJa/Ri6HwmsVQ+F+lVzROeu2L/1rG4YXSK4o6nzNUukSnj93rVsrRtStlCMaoTEB4mTK572kzTrGCkFmsgCk6rz5BaLT6BEI74CM66FT7jeryDgrRSBYqE7lVpwI4iqGisNu4hzJU2OEOn/i4HU0sB8rGweXhBqZDHbchY/zQ5Sy0r7JiS2Bj17PIvOwYtZ6FPe6urlqzoODqNcsotykn3EXuuTq/AEA1UN/D7IFm8ltLm33evaBKmMoPalJ7mtQ4VZALB6uCXOv2B5j6GbAO8i1V0cJOPbIVuphWgrMXMmM5443YnuVBY0A4p2mZh7GMbxn0L2XK0RjnN6pjQZPkYE7rkh0gjaGrV5jIg3YKI1slaAiPs68x2Fp8Xq4tHUPbLutVB+f6qhckZ3qqpznqSTc1rb6p9Poba2Qbq9PTV99nmO++IzlwFzNYDWZfksT5y+dNRug6Op+BYxtfOEgyymbzd/IqNM3/IqC7vw==&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>
<rect x="78" y="69.5" width="40" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
<rect x="78" y="69.5" width="40" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<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: 38px; height: 1px; padding-top: 100px; margin-left: 79px;">
<div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 12px; 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: 12px; 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="98" y="103" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
<text x="98" y="103" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
a
</text>
</switch>
</g>
<path d="M 89.5 68.5 L 104.5 77.25 L 89.5 86 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,97,77.25)" pointer-events="all"/>
<path d="M 37.33 36.11 L 62 36 L 62 100 L 78 100" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 118 100.06 L 134 100" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 158 99.5 L 143 99.5 L 143 36 L 65 36" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
<ellipse cx="62" cy="36" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
<rect x="158" y="69.5" width="40" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
<path d="M 89.5 68.5 L 104.5 77.25 L 89.5 86 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,97,77.25)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 37.33 36.11 L 62 36 L 62 100 L 78 100" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 118 100.06 L 134 100" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 158 99.5 L 143 99.5 L 143 36 L 65 36" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<ellipse cx="62" cy="36" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<rect x="158" y="69.5" width="40" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<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: 38px; height: 1px; padding-top: 100px; margin-left: 159px;">
<div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 12px; 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: 12px; 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="178" y="103" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
<text x="178" y="103" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
b
</text>
</switch>
</g>
<path d="M 177 69.75 L 177 56 L 101 56" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
<ellipse cx="98" cy="56" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
<path d="M 169.5 68.5 L 184.5 77.25 L 169.5 86 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,177,77.25)" pointer-events="all"/>
<path d="M 198 99.98 L 214 100" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 258 69.5 L 258 56 L 180 56" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
<ellipse cx="177" cy="56" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
<path d="M 238 99.5 L 225 99.5 L 225 36 L 146 36" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
<ellipse cx="143" cy="36" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
<rect x="238" y="69.5" width="40" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
<path d="M 177 69.75 L 177 56 L 101 56" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<ellipse cx="98" cy="56" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 169.5 68.5 L 184.5 77.25 L 169.5 86 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,177,77.25)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 198 99.98 L 214 100" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 258 69.5 L 258 56 L 180 56" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<ellipse cx="177" cy="56" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 238 99.5 L 225 99.5 L 225 36 L 146 36" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<ellipse cx="143" cy="36" rx="3" ry="3" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<rect x="238" y="69.5" width="40" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<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: 38px; height: 1px; padding-top: 100px; margin-left: 239px;">
<div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 12px; 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: 12px; 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="258" y="103" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
<text x="258" y="103" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
c
</text>
</switch>
</g>
<path d="M 249.5 68.5 L 264.5 77.25 L 249.5 86 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,257,77.25)" pointer-events="all"/>
<path d="M 278 99.5 L 318.06 99.69" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 249.5 68.5 L 264.5 77.25 L 249.5 86 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,257,77.25)" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 278 99.5 L 318.06 99.69" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<rect x="24" y="20" width="13" 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: 11px; height: 1px; padding-top: 35px; margin-left: 25px;">
<div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 12px; 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: 12px; 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;">
in
</div>
</div>
</div>
</foreignObject>
<text x="31" y="39" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
<text x="31" y="39" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
in
</text>
</switch>
@@ -90,31 +90,31 @@
<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: 19px; height: 1px; padding-top: 99px; margin-left: 319px;">
<div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 12px; 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: 12px; 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;">
out
</div>
</div>
</div>
</foreignObject>
<text x="329" y="103" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
<text x="329" y="103" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
out
</text>
</switch>
</g>
<path d="M 38 56 L 98 56 L 98 69.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 38 56 L 98 56 L 98 69.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<rect x="20" y="41" width="18" 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: 16px; height: 1px; padding-top: 56px; margin-left: 21px;">
<div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 12px; 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: 12px; 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;">
clk
</div>
</div>
</div>
</foreignObject>
<text x="29" y="60" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
<text x="29" y="60" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
clk
</text>
</switch>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 14 KiB