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
2026-10-27 13:18:27 +00:00 · 2026-10-27 09:13:30 +03:00
parent 4cac36212b
commit b5410bcd4a
130 changed files with 9367 additions and 9332 deletions
--- a/works/fig_03.drawio.svg
+++ b/works/fig_03.drawio.svg
@@ -1,22 +1,22 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="430px" height="131px" viewBox="-0.5 -0.5 430 131" content="&lt;mxfile scale=&quot;1&quot; border=&quot;0&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;6zZEaZbo-aYXGPI05Ea4&quot;&gt;7VpLc+MoEP41qpo5OGWELTtH23FmDrNVM5XD7p62kIUlNlhoEY7t/PqlJdDbj8woyVSSHGJooKG/7o8GbAcvNvsvkiTRHyKg3HGHwd7BN47roiFy9QdIDrkET65zQShZYDqVgjv2SO1II92ygKa1jkoIrlhSF65EHNOVqsmIlGJX77YWvD5rQkLaEtytCG9L/2SBinLp1J2U8q+UhZGdGXnGPp+s7kMptrGZz3HxOvvLmzfE6jKGphEJxK4iwksHL6QQKi9t9gvKAVsLWz7u9khrsW5JY3XJAOOnB8K31K44W5c6WCweqFRMQ/ON+JR/FylTTMS6yRdKiY2D54UNQ10JSBrRwFQIZyF0XenVUKkFkdpwXUe6aNXOTB8lklxXAvNu9iFE1hXl2r0S+l1xEbLVPyFRNK2U9RiRUEnMovYCpmmjYICBSem+IjKofKFiQ5U86C6m1RvnI2wAj4zDdmU4oKGRRZVQ8IyMmAgMC82lF3TBOKLbKbjllFnLK9oMVQe0BXYT4Q0LAhg+lzRlj8TPVIGbEsFila13PHfGN6Brq7SjM1aC6lRJcU8XggO6N7GIQcuacd4Q9YC7xdnijqct3HEH7LgH2Ect2OfvFnbv5WAft2D/8W5gR+PGNmPrL4C710KZBjoJmqqQKhKhiAlfltJ5ltmK7b3s803A7p2h9y9V6mAyOgBbdxvdM/VXpfw3qLoam9rN3mjOKgdbiYMZ5PQSeS25ZWBY1n7UD6nYypXN6CaxgY0nPSMp18nkoX4Q6MLZDP0O4VR6FKMGkyYNVykiQ6rMqIa3imVc5MDJBcQBc7PE/XzsacPvHaFBcV4z+mpnni56DK88jHENT6PoF72ERl1K7XixXqf0V70zfU16DWv0ct8Qv4qtr7lj9s+v6wuOYa/Cr2lf/Bro2GgSbOD2wrCBvUn0Siq7uf4OrJq8ZVZNn41VyB6STh2zX4VWNrj6yFvI8yb98AhNO+nZL606ngEA8aZb6kzaRUzRu4RkwbrT1/W6syIh2aOIFTl94z/Kg8tP0e64Eb0dl/XRM93VUfuy7rgeh9tKHi7u0BcygGjVbd5/W3jZmaOyCNHFSZrW2nfsnpnhlX6lJ6xwzQXRnzOIs9wu6Ae3pYHhCjQVdKksBuQo2Wf7DdfGaAWh/wnBO90CmiqFz9WRg5XgnCQpNaqL2ry6VC80nzkQvggOLaHstKj6gKYnwAFdn9Yd5KtIExLXFLnHx/iFQMfxtevo6NT7nS7Pl9n/USYpuusQ8JsqtAxmbq/l/EzzjvlOzOTLi+YGYatnjxjnktmF9l+K04++rOwIirN2a/bj29slXmJDw/x6Dy0+111zqd21qoQq0sxpsp2keEbvQSw64nR4Fr0P435z4z7iuWeXY38d1M06ZdNRg55mzYGmHeag8+acTfnnnZml4+kkz8Iu3HKzgos+P5N3n5TgnxYAFpssSXcZfxrkfFi/afHtx+D73i9enj8/ay36COneQvqNmZMFcSV2J0XhFYO429xeTj4g7Lorgtzcho28+/vBMy8SnV/s9fD+gMfX9fcH+6Ra/bEA6niAQD/xPZ6ulj8Pyd96yt/g4OX/&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="430px" height="131px" viewBox="-0.5 -0.5 430 131" content="&lt;mxfile scale=&quot;1&quot; border=&quot;0&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;6zZEaZbo-aYXGPI05Ea4&quot;&gt;7VpNc+I4EP01VO0cSCELDDlCQmYPs1UzlcPunqZkLGxthOWVRYD8+lXbkr/5qIyB2QlzGKQnqd163U+SFffww2r7WZI4/EP4lPecgb/t4cee46ABcvQPILsMweP7DAgk802nAnhmb9SONOia+TSpdFRCcMXiKrgQUUQXqoIRKcWm2m0pePWpMQloA3heEN5E/2S+CjN04owL/HfKgtA+Gblmfh5ZvARSrCPzvJ6Dl+m/rHlFrC0z0SQkvtiUIDzv4QcphMpKq+0D5cCtpS0b97SnNfdb0kidMsDE6ZXwNbUep36pneXilUrFNDVfiEf5V5EwxUSkmzyhlFj18Cyfw0BXfJKE1DcVwlkAXRfaGyo1EKoV13Wki9bs1PRRIs5sxfDc1TaAzLqjXIdXQr87LgK2+B4QRZNSWY8RMZXEOLUV8JgmC4YYeCjdliDDymcqVlTJne5iWt1RNsIm8NAEbFOkAxoYLCylgmswYjIwyC0XUdAFE4j2oOBGUKaNqOhpqCqhDbLrDK+Y78PwmaQJeyNeagrCFAsWqdTf0aw3egRba6UDnaoSTCdKihf6IDiw+xiJCKwsGec1qAPeLc+Wdzxp8I5baMcd0D5s0D77sLS7l6N91KD924ehHY1qy4ytX4B3t8Ey9fUmaKpCqlAEIiJ8XqCzdGfLl/eizxcBq3fK3j9UqZ3Z0YHYatjolqm/SuW/wdTdyNQet8ZyWtnZSuRPYU8vmNfIE4OJpe1745CItVzYHd1sbDDHg5GRlOvN5LV6EGjj2Qz9CulURBSjmpLGtVApIgOqzKhatHI3Tgrg+AThwHTTjft86mnS7+6RQX5eM/YqZ542eQzuXIxxhU9j6AejhIZtRu14sVwm9EejM7mmvAYVeTm/kL7ypa++Ynavr/sTjmFX0dekK331dW7UBdZ3OlFY375JdCoqu7j+DKoa/8qqmpxNVQidcMy+iqxscnWxbyHXHXejIzRplWe3smq5BgDG62GpKmkTMkWfY5Im60a/rleDFQrJ3kSkyOE3/g5O0c5ocPRlfXimd3WEW25QXA5vK1m66DshIX3IVt3m/ruGm50ZKoqQXZwkSaV9w16YGV7qV0TCgksuiP6dQp5l84J+8LbUN1qBplwuJWcAR/E2XW+4now2EHi/aUL0jAf251N5TH8hOCdxQo3RvDYrO+kG5jejwBP6CrAOyta5lK/O9AOwT5eHbfuZF0lMoooh5whp76Bgnw9eDmhF3Ds9ned65dTl2Tz9f5gieXedTF7dhMZgJi1zu7jnsxb/D3juyZPmAqA8Zw6chafpleJzrbz41lVUT3O4GmftGn56muM5NgtidtECLR7XXTPU7h/lpS3f8Ltf9g4u0Oni3I+E02Ry8K4I3gj5gITctPYTpBb2ln6VikM87CXh/AzsaNJCATpOwdED6PGkAb/RZJy57MCdS1pw0KfzZtGhQ+clE83ymR422wg7HJhsWLfHp1uu39a/TrbWa2n7Igyhm9yuKrcbBZlbJV2N88L/TGDtFHVymgWw7a4IcHMPZvD2LwOO3EW2/km/g5tHPLqvfa6Cm58JoZarR/SOv+DravFhWHbLW3x9h+f/AQ==&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 105 37 L 125 37 M 25 22 L 48 22 M 25 52 L 48 52" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 35 7 C 45.72 25.56 45.72 48.44 35 67" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
-        <path d="M 65 7 C 82.47 7.56 98.06 19.25 105 37 C 98.06 54.75 82.47 66.44 65 67 L 40 67 C 50.72 48.44 50.72 25.56 40 7 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 105 37 L 125 37 M 25 22 L 48 22 M 25 52 L 48 52" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 35 7 C 45.72 25.56 45.72 48.44 35 67" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 65 7 C 82.47 7.56 98.06 19.25 105 37 C 98.06 54.75 82.47 66.44 65 67 L 40 67 C 50.72 48.44 50.72 25.56 40 7 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" 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));"/>
        <rect x="0" y="5" width="30" 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: 1px; height: 1px; padding-top: 20px; margin-left: 15px;">
                        <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: nowrap;">
+                            <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: nowrap;">
                                A
                            </div>
                        </div>
                    </div>
                </foreignObject>
-                <text x="15" y="24" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="15" y="24" 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>
@@ -27,13 +27,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: 1px; height: 1px; padding-top: 50px; margin-left: 15px;">
                        <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: nowrap;">
+                            <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: nowrap;">
                                B
                            </div>
                        </div>
                    </div>
                </foreignObject>
-                <text x="15" y="54" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="15" y="54" 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>
@@ -44,81 +44,81 @@
                <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: 1px; height: 1px; padding-top: 37px; margin-left: 130px;">
                        <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: nowrap;">
+                            <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: nowrap;">
                                Q
                            </div>
                        </div>
                    </div>
                </foreignObject>
-                <text x="130" y="41" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="130" y="41" 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));">
                    Q
                </text>
            </switch>
        </g>
-        <path d="M 250 37 L 270 37" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 250 37 L 270 37" 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));"/>
        <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: 1px; height: 1px; padding-top: 38px; margin-left: 281px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 11px; 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; background-color: rgb(255, 255, 255); background-color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); white-space: nowrap;">
                                Q
                            </div>
                        </div>
                    </div>
                </foreignObject>
-                <text x="281" y="41" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
+                <text x="281" y="41" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                    Q
                </text>
            </switch>
        </g>
-        <path d="M 210 22 L 190 22" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 210 22 L 190 22" 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));"/>
        <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: 1px; height: 1px; padding-top: 21px; margin-left: 181px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 11px; 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; background-color: rgb(255, 255, 255); background-color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); white-space: nowrap;">
                                A
                            </div>
                        </div>
                    </div>
                </foreignObject>
-                <text x="181" y="24" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
+                <text x="181" y="24" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                    A
                </text>
            </switch>
        </g>
-        <path d="M 210 52 L 190 52" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 210 52 L 190 52" 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));"/>
        <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: 1px; height: 1px; padding-top: 51px; margin-left: 181px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 11px; 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; background-color: rgb(255, 255, 255); background-color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); white-space: nowrap;">
                                B
                            </div>
                        </div>
                    </div>
                </foreignObject>
-                <text x="181" y="54" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">
+                <text x="181" y="54" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                    B
                </text>
            </switch>
        </g>
-        <rect x="210" y="7" width="40" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <rect x="210" y="7" 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 flex-start; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 14px; margin-left: 211px;">
                        <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;">
                                =1
                            </div>
                        </div>
                    </div>
                </foreignObject>
-                <text x="230" y="26" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="230" y="26" 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));">
                    =1
                </text>
            </switch>
@@ -129,54 +129,54 @@
                <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 flex-start; justify-content: unsafe flex-start; width: 108px; height: 1px; padding-top: 7px; margin-left: 321px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
-                            <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;">
-                                <table style="float: right; text-align: center; border: 1px solid rgb(179, 179, 179); border-collapse: collapse;" class="wikitable" border="1">
+                            <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;">
+                                <table style="float: right; text-align: center; border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235)); border-collapse: collapse;" class="wikitable" border="1">
                                    <tbody>
-                                        <tr style="background:#def;">
-                                            <td colspan="2">
+                                        <tr style="background:#def;background:light-dark(#def, #204a71);">
+                                            <td colspan="2" style="border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
                                                <b>
                                                    Входы
                                                </b>
                                            </td>
-                                            <td>
+                                            <td style="border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
                                                <b>
                                                    Выход
                                                </b>
                                                <br/>
                                            </td>
                                        </tr>
-                                        <tr style="background:#def;">
-                                            <td>
+                                        <tr style="background:#def;background:light-dark(#def, #204a71);">
+                                            <td style="border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
                                                A
                                            </td>
-                                            <td>
+                                            <td style="border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
                                                B
                                            </td>
-                                            <td>
+                                            <td style="border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
                                                Q
                                                <br/>
                                            </td>
                                        </tr>
                                        <tr>
-                                            <td class="table-no2" style="background: #FFE3E3; color: black; vertical-align: middle; text-align: center;">
+                                            <td class="table-no2" style="background: #FFE3E3;background: light-dark(#FFE3E3, #7c3137); color: black; color: light-dark(black, #ffffff); vertical-align: middle; text-align: center; border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
                                                0
                                            </td>
-                                            <td class="table-no2" style="background: #FFE3E3; color: black; vertical-align: middle; text-align: center;">
+                                            <td class="table-no2" style="background: #FFE3E3;background: light-dark(#FFE3E3, #7c3137); color: black; color: light-dark(black, #ffffff); vertical-align: middle; text-align: center; border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
                                                0
                                            </td>
-                                            <td class="table-no2" style="background: #FFE3E3; color: black; vertical-align: middle; text-align: center;">
+                                            <td class="table-no2" style="background: #FFE3E3;background: light-dark(#FFE3E3, #7c3137); color: black; color: light-dark(black, #ffffff); vertical-align: middle; text-align: center; border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
                                                0
                                                <br/>
                                            </td>
                                        </tr>
                                        <tr>
-                                            <td class="table-no2" style="background: #FFE3E3; color: black; vertical-align: middle; text-align: center;">
+                                            <td class="table-no2" style="background: #FFE3E3;background: light-dark(#FFE3E3, #7c3137); color: black; color: light-dark(black, #ffffff); vertical-align: middle; text-align: center; border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
                                                0
                                            </td>
-                                            <td class="table-yes2" style="background:#bfd; color:black; vertical-align:middle; text-align:center;">
+                                            <td class="table-yes2" style="background:#bfd;background:light-dark(#bfd, #006243); color:black; color:light-dark(black, #ffffff); vertical-align:middle; text-align:center; border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
                                                1
                                            </td>
-                                            <td class="table-no2" style="background: rgb(187, 255, 221); color: black; vertical-align: middle; text-align: center; border-collapse: collapse;" border="1">
+                                            <td class="table-no2" style="background: rgb(187, 255, 221);background: light-dark(rgb(187, 255, 221), rgb(0, 98, 67)); color: black; color: light-dark(black, #ffffff); vertical-align: middle; text-align: center; border-collapse: collapse; border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));" border="1">
                                                <span style="">
                                                    1
                                                </span>
@@ -184,25 +184,25 @@
                                            </td>
                                        </tr>
                                        <tr>
-                                            <td class="table-yes2" style="background:#bfd; color:black; vertical-align:middle; text-align:center;">
+                                            <td class="table-yes2" style="background:#bfd;background:light-dark(#bfd, #006243); color:black; color:light-dark(black, #ffffff); vertical-align:middle; text-align:center; border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
                                                1
                                            </td>
-                                            <td class="table-no2" style="background: #FFE3E3; color: black; vertical-align: middle; text-align: center;">
+                                            <td class="table-no2" style="background: #FFE3E3;background: light-dark(#FFE3E3, #7c3137); color: black; color: light-dark(black, #ffffff); vertical-align: middle; text-align: center; border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
                                                0
                                            </td>
-                                            <td class="table-no2" style="background: rgb(187, 255, 221); color: black; vertical-align: middle; text-align: center;">
+                                            <td class="table-no2" style="background: rgb(187, 255, 221);background: light-dark(rgb(187, 255, 221), rgb(0, 98, 67)); color: black; color: light-dark(black, #ffffff); vertical-align: middle; text-align: center; border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
                                                1
                                                <br/>
                                            </td>
                                        </tr>
                                        <tr>
-                                            <td class="table-yes2" style="background:#bfd; color:black; vertical-align:middle; text-align:center;">
+                                            <td class="table-yes2" style="background:#bfd;background:light-dark(#bfd, #006243); color:black; color:light-dark(black, #ffffff); vertical-align:middle; text-align:center; border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
                                                1
                                            </td>
-                                            <td class="table-yes2" style="background:#bfd; color:black; vertical-align:middle; text-align:center;">
+                                            <td class="table-yes2" style="background:#bfd;background:light-dark(#bfd, #006243); color:black; color:light-dark(black, #ffffff); vertical-align:middle; text-align:center; border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
                                                1
                                            </td>
-                                            <td class="table-yes2" style="background: rgb(255, 227, 227); color: black; vertical-align: middle; text-align: center;">
+                                            <td class="table-yes2" style="background: rgb(255, 227, 227);background: light-dark(rgb(255, 227, 227), rgb(124, 49, 55)); color: black; color: light-dark(black, #ffffff); vertical-align: middle; text-align: center; border: 1px solid rgb(0, 0, 0); border: 1px solid light-dark(rgb(0, 0, 0), rgb(235, 235, 235));">
                                                0
                                                <br/>
                                            </td>
@@ -213,7 +213,7 @@
                        </div>
                    </div>
                </foreignObject>
-                <text x="321" y="19" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
+                <text x="321" y="19" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                    ВходыВыходABQ...
                </text>
            </switch>