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="478px" height="253px" viewBox="-0.5 -0.5 478 253" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;Sm4c7_kK5CQET-6pXJPN&quot;&gt;7VjRkpowFP0aHusAAdRHdXX70pmd8aHtY4QImQ3EjVGhX9+EJEAE222ru+1UfJCcG26Sc+49OjhgkZePDO6yTzRBxPHdpHTAg+P7nuv54ksilULAeKqAlOFET2qBNf6GbPCAE7S3IE4p4XhngzEtChRzC4OM0ZM9bUuJvegOpqgHrGNI+uhnnPBMoRN/3OIfEU4zs7IX6eNtYPycMnoo9HqOD7b1pcI5NLlcBewzmNBTBwJLBywYpVzd5eUCEUmtYU09t7oQbfbNUMFf84CW6QjJAZkd1/vileGiPg2S8z0HzE8Z5mi9g7GMnoT4Ast4TnR4zxl9bjgDDbKghLI6H5i48iMiW0xIB1+Fq/FyLnDIYl0Qclb/RPqQR8Q4KjuQPuEjojnirBJTTDTQbFdn41OrLTCKZB1dRSHrmtL1lDa5W07FjaZ1mGIwQHFEuCSAiiN1uY5eDtQEPuxrDmZighftypoJExd3qfze0NLkErtQ6VSkp6Kgig9JZQQoaIHONNEQJDgtxDAWAiCBzyXxWPTKTAdynCRymcHaaKvnSmKC6bmYYU/MaEBLcAUpg593CyqSmTSglr8O5TYZlzuj30VSW90UXiTGgj9WfZGJRq7rG+BrDfjBxAAPpV5Ljaru6AkxLBiQkv5YGw5ZikxHKAglln/2xeqIEQ6IYTCGCOT4aLvukEJ6hSeK65bRtTD17VIwY5NhTw8sRvqhrgue5fHM0k2i0E6kKOglquulOfWrSij8YzcQGg27Afy3vKBT0r4Zd5rBra/reMY4tOWNgjezjOi/tIy/xR+ApXtjX7/sD4E3MjXT5hoJ5tsruJVjjG/nGJu7Y1xyjOjsB+HtHGNyd4z3c4wgsv8J/LZlhO70/SxjejvLeLlbxgXLCAJb7ht6hhi2rwhUfbSvYcDyOw==&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="478px" height="253px" viewBox="-0.5 -0.5 478 253" content="&lt;mxfile scale=&quot;1&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;Sm4c7_kK5CQET-6pXJPN&quot;&gt;7VjRkpowFP0aHusAAdRHdXX70pmd8aHtY4QImQ3EjVGhX9+EJEAE222ru+1UfJCcG26Sc+49OjhgkZePDO6yTzRBxPHdpHTAg+P7nuv54ksilULAeKqAlOFET2qBNf6GbPCAE7S3IE4p4XhngzEtChRzC4OM0ZM9bUuJvegOpqgHrGNI+uhnnPBMoRN/3OIfEU4zs7IX6eNtYPycMnoo9HqOD7b1pcI5NLlcBewzmNBTBwJLBywYpVzd5eUCEUmtYU09t7oQbfbNUMFf84CW6QjJAZkd1/vileGiPg2S8z0HzE8Z5mi9g7GMnoT4Ast4TnR4zxl9bjgDDbKghLI6H5i48iMiW0xIB1+Fq/FyLnDIYl0Qclb/RPqQR8Q4KjuQPuEjojnirBJTTDTQbFdn41OrLTCKZB1dRSHrmtL1lDa5W07FjaZ1mGIwQHFEuCSAiiN1uY5eDtQEPuxrDmZighftypoJExd3qfze0NLkErtQ6VSkp6Kgig9JZQQoaIHONNEQJDgtxDAWAiCBzyXxWPTKTAdynCRymcHaaKvnSmKC6bmYYU/MaEBLcAUpg593CyqSmTSglr8O5TYZlzuj30VSW90UXiTGgj9WfZGJRq7rG+BrDfjBxAAPpV5Ljaru6AkxLBiQkv5YGw5ZikxHKAglln/2xeqIEQ6IYTCGCOT4aLvukEJ6hSeK65bRtTD17VIwY5NhTw8sRvqhrgue5fHM0k2i0E6kKOglquulOfWrSij8YzcQGg27Afy3vKBT0r4Zd5rBra/reMY4tOWNgjezjOi/tIy/xR+ApXtjX7/sD4E3MjXT5hoJ5tsruJVjjG/nGJu7Y1xyjOjsB+HtHGNyd4z3c4wgsv8J/LZlhO70/SxjejvLeLlbxgXLCAJb7ht6hhi2rwhUfbSvYcDyOw==&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="85" y="21" width="320" height="210" fill="#f5f7eb" stroke="#808080" stroke-width="3" pointer-events="all"/>
<rect x="85" 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="335" y="26" 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: 41px; margin-left: 336px;">
<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;">
<font style="font-size: 16px;">
box
</font>
@@ -16,19 +16,19 @@
</div>
</div>
</foreignObject>
<text x="365" y="45" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
<text x="365" y="45" 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));">
box
</text>
</switch>
</g>
<path d="M 37 73 L 85.64 73.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 37 73 L 85.64 73.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
<rect x="20" y="45" 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: 60px; 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>
@@ -36,19 +36,19 @@
</div>
</div>
</foreignObject>
<text x="50" y="66" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
<text x="50" y="66" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
a
</text>
</switch>
</g>
<path d="M 38 103 L 86.64 103.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 38 103 L 86.64 103.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
<rect x="21" y="75" 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: 90px; 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>
@@ -56,19 +56,19 @@
</div>
</div>
</foreignObject>
<text x="51" y="96" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
<text x="51" y="96" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
b
</text>
</switch>
</g>
<path d="M 406 103 L 454.64 103.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 406 103 L 454.64 103.08" fill="none" stroke="#808080" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#808080, #737373);"/>
<rect x="389" y="75" 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: 90px; 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;">
<font style="font-size: 20px;">
q
</font>
@@ -76,7 +76,7 @@
</div>
</div>
</foreignObject>
<text x="419" y="96" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
<text x="419" y="96" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
q
</text>
</switch>

Before

Width:  |  Height:  |  Size: 7.6 KiB

After

Width:  |  Height:  |  Size: 8.3 KiB