Add dark theme to pictures (#168)

* 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

View File

@@ -1,14 +1,14 @@
<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="477px" height="253px" viewBox="-0.5 -0.5 477 253" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;xqYCtn-501nYqznjPPqh&quot;&gt;7VlNc9sgEP01PjYjCX3Yx8Rx0ktnMuND0yORiMREFg7GsdxfXxBgBJJc14ndtGPlYPFYLbBv94GUEZgu6nsKl8U3kqFyFHhZPQK3oyDwPT/gPwLZSgQkEwnkFGfKyABz/BPZ4BpnaGVBjJCS4aUNpqSqUMosDFJKNrbZMyntQZcwRx1gnsKyi37HGSskOg4Sg39FOC/0yH6slvcE05ecknWlxhsF4Lm5ZPcCal+eBFYFzMimBYHZCEwpIUzeLeopKkVoddTkc3cDvbt5U1SxQx5QNL3Bco30jJt5sa2ORbMaJOz9EbjZFJih+RKmonfDyedYwRal6l4xSl52MQM7ZEpKQht/YOyJP97zjMuyhd9Fd8nshuOQpiohGitSsZaV11wc765ULf4NUYbqFqRWfo/IAjG65SaqN9R8qiT1J4qVjeEcaKaKFt88wVWuqTzLd75NrPmNCnd/6EFP6OOSqSVbHMSva6I7vqya2FxzAz9e1k0kdD+/y8XvE6m1Lz4L6U72dNjloWJ9FOqQV6RCDlcKgiXOK95MOQGI4zci8JjX0LXqWOAsE8P05ozJqhOTHE8ih+SgQ3LcwzH4AIrDd1PMF99PMfz3CFZFHZyYcBCHFuG7Yj0D4dHv5RRV2bXYoUycW9TYQRuWzq7MtgLsx7zN40e3j8LRlZ9EGvjRAKZ9W6uhZGvbbj0ginkABPPH1SiDNEcaUoFAmbXxdklskRT1kKQxikrI8Ju9Xfcxp0Z4ILgpOJ0jY8/OEb1/axcrsqYpUk+190/HURjGV26+xZMrzpK5Qtu1DEvHdZNau0AclG3x6eTl6SIvg/Ji7yf8FHE2eUk+o7x4XmDLSxCOz6Ivn0RLEr5cKyHGTsEfqiXJhGsJmJjLdXsmWRmfTlZeL7IyICtJ6OxIoX82WZn8z7IiVGKuFkIoK0hOKljODHqDaswe1VLEvRwuUi0zlmhsW413C5gUhk95QApj4KSjk2eHilqUjPeJ2nFnJZ6KcNsyWwqD1fBqIt8ZNor3T9q1V8dDU09yBscqrH4jOYXEpheJHZDYyHdz+nwS6/s9jP91jfVBYmusMbi8GaokAUe/GUauozOd33RE9+XaqoBLcVsL0g77qPvH2ba3noc+/n5AnYeRcyAHYjd3K703h/aky0Cl86b5Wi/JMv8RAbNf&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="477px" height="253px" viewBox="-0.5 -0.5 477 253" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;xqYCtn-501nYqznjPPqh&quot;&gt;7VlNc9sgEP01PjYjCX3Yx8Rx0ktnMuND0yORiMREFg7GsdxfXxBgBJJc14ndtGPlYPFYLbBv94GUEZgu6nsKl8U3kqFyFHhZPQK3oyDwPT/gPwLZSgQkEwnkFGfKyABz/BPZ4BpnaGVBjJCS4aUNpqSqUMosDFJKNrbZMyntQZcwRx1gnsKyi37HGSskOg4Sg39FOC/0yH6slvcE05ecknWlxhsF4Lm5ZPcCal+eBFYFzMimBYHZCEwpIUzeLeopKkVoddTkc3cDvbt5U1SxQx5QNL3Bco30jJt5sa2ORbMaJOz9EbjZFJih+RKmonfDyedYwRal6l4xSl52MQM7ZEpKQht/YOyJP97zjMuyhd9Fd8nshuOQpiohGitSsZaV11wc765ULf4NUYbqFqRWfo/IAjG65SaqN9R8qiT1J4qVjeEcaKaKFt88wVWuqTzLd75NrPmNCnd/6EFP6OOSqSVbHMSva6I7vqya2FxzAz9e1k0kdD+/y8XvE6m1Lz4L6U72dNjloWJ9FOqQV6RCDlcKgiXOK95MOQGI4zci8JjX0LXqWOAsE8P05ozJqhOTHE8ih+SgQ3LcwzH4AIrDd1PMF99PMfz3CFZFHZyYcBCHFuG7Yj0D4dHv5RRV2bXYoUycW9TYQRuWzq7MtgLsx7zN40e3j8LRlZ9EGvjRAKZ9W6uhZGvbbj0ginkABPPH1SiDNEcaUoFAmbXxdklskRT1kKQxikrI8Ju9Xfcxp0Z4ILgpOJ0jY8/OEb1/axcrsqYpUk+190/HURjGV26+xZMrzpK5Qtu1DEvHdZNau0AclG3x6eTl6SIvg/Ji7yf8FHE2eUk+o7x4XmDLSxCOz6Ivn0RLEr5cKyHGTsEfqiXJhGsJmJjLdXsmWRmfTlZeL7IyICtJ6OxIoX82WZn8z7IiVGKuFkIoK0hOKljODHqDaswe1VLEvRwuUi0zlmhsW413C5gUhk95QApj4KSjk2eHilqUjPeJ2nFnJZ6KcNsyWwqD1fBqIt8ZNor3T9q1V8dDU09yBscqrH4jOYXEpheJHZDYyHdz+nwS6/s9jP91jfVBYmusMbi8GaokAUe/GUauozOd33RE9+XaqoBLcVsL0g77qPvH2ba3noc+/n5AnYeRcyAHYjd3K703h/aky0Cl86b5Wi/JMv8RAbNf&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="83" y="21" width="320" height="210" fill="#f5f7eb" stroke="#808080" stroke-width="3" pointer-events="all"/>
<rect x="83" y="21" width="320" height="210" fill="#f5f7eb" stroke="#808080" stroke-width="3" pointer-events="all" style="fill: light-dark(#f5f7eb, #1a1b13); stroke: light-dark(#808080, #737373);"/>
<rect x="351" y="23" 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: 38px; margin-left: 352px;">
<div data-drawio-colors="color: #000000; " 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;">
<font style="font-size: 16px;">
box
</font>
@@ -16,7 +16,7 @@
</div>
</div>
</foreignObject>
<text x="381" y="42" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
<text x="381" y="42" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
box
</text>
</switch>
@@ -27,7 +27,7 @@
<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: 56px; 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;">
<font style="font-size: 20px;">
a
</font>
@@ -35,19 +35,19 @@
</div>
</div>
</foreignObject>
<text x="50" y="62" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
<text x="50" y="62" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
a
</text>
</switch>
</g>
<path d="M 36 100 L 122.75 99.75" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 36 100 L 122.75 99.75" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
<rect x="21" y="73" 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: 88px; margin-left: 22px;">
<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;">
<font style="font-size: 20px;">
b
</font>
@@ -55,19 +55,19 @@
</div>
</div>
</foreignObject>
<text x="51" y="94" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
<text x="51" y="94" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
b
</text>
</switch>
</g>
<path d="M 404 115 L 452.64 115.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 404 115 L 452.64 115.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
<rect x="396" y="72" 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: 87px; margin-left: 397px;">
<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;">
<font style="font-size: 20px;">
q
</font>
@@ -75,19 +75,19 @@
</div>
</div>
</foreignObject>
<text x="426" y="93" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
<text x="426" y="93" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
q
</text>
</switch>
</g>
<path d="M 164 87 L 175 87 L 175 100.1 L 234.64 100.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 164 87 L 175 87 L 175 100.1 L 234.64 100.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
<rect x="169" y="72" 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: 87px; margin-left: 170px;">
<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;">
<font style="font-size: 20px;">
c
</font>
@@ -95,13 +95,13 @@
</div>
</div>
</foreignObject>
<text x="199" y="93" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
<text x="199" y="93" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
c
</text>
</switch>
</g>
<path d="M 36 70 L 120.85 69.66" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 114 61.5 Q 164 61.5 164 87 Q 164 112.5 114 112.5 Q 139 87 114 61.5 Z" fill="#f5f7eb" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 36 70 L 120.85 69.66" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
<path d="M 114 61.5 Q 164 61.5 164 87 Q 164 112.5 114 112.5 Q 139 87 114 61.5 Z" fill="#f5f7eb" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(#f5f7eb, #1a1b13); stroke: light-dark(#808080, #737373);"/>
</g>
<switch>
<g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>

Before

Width:  |  Height:  |  Size: 9.6 KiB

After

Width:  |  Height:  |  Size: 10 KiB