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 21:28:26 +00:00 · 2026-10-27 09:13:30 +03:00
parent 4cac36212b
commit b5410bcd4a
130 changed files with 9367 additions and 9332 deletions
--- a/.pic/Labs/lab_02_alu/fig_01.drawio.svg
+++ b/.pic/Labs/lab_02_alu/fig_01.drawio.svg
@@ -1,13 +1,13 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="227px" height="202px" viewBox="-0.5 -0.5 227 202" content="&lt;mxfile scale=&quot;1&quot; border=&quot;0&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;h3QnM2MJQe2oFmd090kK&quot;&gt;7Vpdc+smEP01fowHCX0+xnZy+5B2Mk077X3EFpbplYWLcWz31xckkADJieI49yZNPRkHFljQ7p4DizyC0/XhC0Ob1c80w8XIB9lhBGcj3/e8SHxLwbEWwCSpBTkjmerTCh7IP9gW7kiGt5aIU1pwsrGFC1qWeMEtGWKM7u1uS1rYk25QjjuChwUqutI/SMZXzVOlbcNPmOQrNXXix3XDHC2+5YzuSjXfyIfL6lM3r5HWBWrBdoUyujdE8GYEp4xSXpfWhykupGW11epxtydam3UzXPIhA/x6wCMqdlivOCrE0MmSCg1igfyojBL9vaO64WpbeexadIBgI5w+adtFKa/+z8AoBdV3Vb6GWrVYTq1ddawt0UzkP2LGiXDGHZrj4p5uCSe0FE1zyjldixG6w3VBctnA6UZIV3xdiIonisKsG6lsfchleI7naEsW4w0tjrnUNJGlKaUsq+IknIg/MA6CkT8Fo1AsYVoJQlkX34Yksrp4zgAZ5FPPEPihI/CgLdAKxF+9qoKUcuFAPsQGLUiZ/yYfbnYVAGV7BRYvabvc4aX09pUvRZzRb03U+o19zZhQYSLNiA+GSMXIF0zXmLOj6KJaYaQCRcE58mFd3xvogArzKwMYkcIFUoDMG9VtUIqCisv+GIWdAMGZQKuqUsZXVHgVFTetdFJBEGfKkm2fO1pZU8bIX5jzozIm2nFqRxAus2tJJKJaUukSKbklcpG1c4abeUt3bIEtvMkHeNLuDBeIk0ebjvqMqIbeU1LBVfkrgMDyV+yq4IjlmKtRrSvEI6Oj0W0jO2w7zmoWOsh/wdtxzPVQShFxzh2KqBw4pQVlrY+XwsGOCCmOWQi3YtZDPmuSZVXM7VeE4weBSDnnXvBOJw4r+KpF+TacIbgQUuPE8nwYBh2k6s3HBKoOmNcANfwhQD0Q/qcaLstfZVmQdl2bHYym2VFXSvFk1aBxCj0tUCPjQAvawVWtHT2EGnQYiRMAAPHt7a3Wc48ZEaaVsfRSJqlR+12ZJIT+ODU+dnQFvt2aDmKZnkk8e3uJvHFoq6pJ9AWEdWImELkzPb2yp/uLQr2Cc7kxOsmNpOWyC5Hl5CRZNmLyEQjUOP/IugU0+bkMkQZhehaR+qkbuudQadwTFy63dmjIcI5tthdQzLN8Yjx+2PP4WvbaA0wU2NZPO2Y9wQhdVbGjKoldVSd46gw8Jx2//dK7KVapje2y4ThhWKAdzQudKCjSU5mMzCQKqX7S5KIuSA0URZ1jSScydCy60GnSb7WUkZnC9kEKjCM/sFF15V0kXOxdyRlOl8stfq1j008OSJhAeyMEzoFxKBxhaisK9c3Q5cHogf8gGnUgfmo0el7Hs58LjoFOtnSCD5yj9+DdEdqKotS5sbkgHLuXjR8fjt6pg+XnwiPswWOdVWw3qHxV2tJJiH7F213B+7OWRlZP+38yo1Du2WfgWGcuZjITdtnqMsmMnvzN2Pr0jct75/EQOMeqqJOcDGXy0HNUheHb5Tle2HFpj0/fN5f3IO501OgQfsc0b9+h6Wi4LM9HvU7+Xle8zbXuV6Pl2SveOImsK95nr3cHXdI+dwt8knnM10HKnG96rzuYpeMP6FsvSUzfXoExAOE5Dn6j933Be3Jw93LKuVteNFzYHsIkK1a/X2hFr3lhd/f7VHRltPiAb+6MN3XuTsIoR+pXCumlzmyxk5nB7pnNi3reuYfpi2NFVNvfnNT7QvuzHnjzLw==&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="227px" height="202px" viewBox="-0.5 -0.5 227 202" content="&lt;mxfile scale=&quot;1&quot; border=&quot;0&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;h3QnM2MJQe2oFmd090kK&quot;&gt;7Vpdc+smEP01fowHCX0+xnZy+5B2Mk077X3EFpbplYWLcWz31xckkADJieI49yZNPRkHFljQ7p4DizyC0/XhC0Ob1c80w8XIB9lhBGcj3/e8SHxLwbEWwCSpBTkjmerTCh7IP9gW7kiGt5aIU1pwsrGFC1qWeMEtGWKM7u1uS1rYk25QjjuChwUqutI/SMZXzVOlbcNPmOQrNXXix3XDHC2+5YzuSjXfyIfL6lM3r5HWBWrBdoUyujdE8GYEp4xSXpfWhykupGW11epxtydam3UzXPIhA/x6wCMqdlivOCrE0MmSCg1igfyojBL9vaO64WpbeexadIBgI5w+adtFKa/+z8AoBdV3Vb6GWrVYTq1ddawt0UzkP2LGiXDGHZrj4p5uCSe0FE1zyjldixG6w3VBctnA6UZIV3xdiIonisKsG6lsfchleI7naEsW4w0tjrnUNJGlKaUsq+IknIg/MA6CkT8Fo1AsYVoJQlkX34Yksrp4zgAZ5FPPEPihI/CgLdAKxF+9qoKUcuFAPsQGLUiZ/yYfbnYVAGV7BRYvabvc4aX09pUvRZzRb03U+o19zZhQYSLNiA+GSMXIF0zXmLOj6KJaYaQCRcE58mFd3xvogArzKwMYkcIFUoDMG9VtUIqCisv+GIWdAMGZQKuqUsZXVHgVFTetdFJBEGfKkm2fO1pZU8bIX5jzozIm2nFqRxAus2tJJKJaUukSKbklcpG1c4abeUt3bIEtvMkHeNLuDBeIk0ebjvqMqIbeU1LBVfkrgMDyV+yq4IjlmKtRrSvEI6Oj0W0jO2w7zmoWOsh/wdtxzPVQShFxzh2KqBw4pQVlrY+XwsGOCCmOWQi3YtZDPmuSZVXM7VeE4weBSDnnXvBOJw4r+KpF+TacIbgQUuPE8nwYBh2k6s3HBKoOmNcANfwhQD0Q/qcaLstfZVmQdl2bHYym2VFXSvFk1aBxCj0tUCPjQAvawVWtHT2EGnQYiRMAAPHt7a3Wc48ZEaaVsfRSJqlR+12ZJIT+ODU+dnQFvt2aDmKZnkk8e3uJvHFoq6pJ9AWEdWImELkzPb2yp/uLQr2Cc7kxOsmNpOWyC5Hl5CRZNmLyEQjUOP/IugU0+bkMkQZhehaR+qkbuudQadwTFy63dmjIcI5tthdQzLN8Yjx+2PP4WvbaA0wU2NZPO2Y9wQhdVbGjKoldVSd46gw8Jx2//dK7KVapje2y4ThhWKAdzQudKCjSU5mMzCQKqX7S5KIuSA0URZ1jSScydCy60GnSb7WUkZnC9kEKjCM/sFF15V0kXOxdyRlOl8stfq1j008OSJhAeyMEzoFxKBxhaisK9c3Q5cHogf8gGnUgfmo0el7Hs58LjoFOtnSCD5yj9+DdEdqKotS5sbkgHLuXjR8fjt6pg+XnwiPswWOdVWw3qHxV2tJJiH7F213B+7OWRlZP+38yo1Du2WfgWGcuZjITdtnqMsmMnvzN2Pr0jct75/EQOMeqqJOcDGXy0HNUheHb5Tle2HFpj0/fN5f3IO501OgQfsc0b9+h6Wi4LM9HvU7+Xle8zbXuV6Pl2SveOImsK95nr3cHXdI+dwt8knnM10HKnG96rzuYpeMP6FsvSUzfXoExAOE5Dn6j933Be3Jw93LKuVteNFzYHsIkK1a/X2hFr3lhd/f7VHRltPiAb+6MN3XuTsIoR+pXCumlzmyxk5nB7pnNi3reuYfpi2NFVNvfnNT7QvuzHnjzLw==&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 60.84 72 L 69 105.5 L 77.16 72 L 137 72 L 120.68 139 L 35 139 L 18.68 139 L 1 72 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 60.84 72 L 69 105.5 L 77.16 72 L 137 72 L 120.68 139 L 35 139 L 18.68 139 L 1 72 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-width="2" 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));"/>
        <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: 1px; height: 1px; padding-top: 106px; margin-left: 68px;">
                        <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: 18px; 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: 18px; 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;">
                                <font style="font-size: 30px;">
                                    АЛУ
                                </font>
@@ -15,19 +15,19 @@
                        </div>
                    </div>
                </foreignObject>
-                <text x="68" y="124" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="18px" text-anchor="middle">
+                <text x="68" y="124" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="18px" text-anchor="middle" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                    АЛУ
                </text>
            </switch>
        </g>
-        <path d="M 69 139 L 69 159 L 69 150 L 69 170" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 69 139 L 69 159 L 69 150 L 69 170" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
        <rect x="17" y="3" width="20" 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: 18px; height: 1px; padding-top: 18px; margin-left: 18px;">
                        <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: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-style: italic; white-space: normal; overflow-wrap: normal;">
+                            <div style="display: inline-block; font-size: 30px; 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; font-style: italic; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 30px;">
                                    A
                                </font>
@@ -35,19 +35,19 @@
                        </div>
                    </div>
                </foreignObject>
-                <text x="27" y="27" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="30px" text-anchor="middle" font-style="italic">
+                <text x="27" y="27" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="30px" text-anchor="middle" font-style="italic" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                    A
                </text>
            </switch>
        </g>
-        <path d="M 170 110.5 L 145 110.5 L 127.62 110.46" fill="none" stroke="#007fff" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 170 110.5 L 145 110.5 L 127.62 110.46" fill="none" stroke="#007fff" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#007fff, #0078f3);"/>
        <rect x="98" y="3" width="20" height="29.5" 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: 18px; height: 1px; padding-top: 18px; margin-left: 99px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 18px; 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: 18px; 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;">
                                <i>
                                    <font style="font-size: 30px;">
                                        B
@@ -57,58 +57,58 @@
                        </div>
                    </div>
                </foreignObject>
-                <text x="108" y="23" fill="#000000" font-family="Helvetica" font-size="18px" text-anchor="middle">
+                <text x="108" y="23" fill="#000000" font-family="Helvetica" font-size="18px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                    B
                </text>
            </switch>
        </g>
-        <path d="M 103 48.5 L 113 36.5" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 103 48.5 L 113 36.5" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" 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: 41px; margin-left: 121px;">
                        <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: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-style: italic; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 16px; 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; font-style: italic; white-space: nowrap;">
                                N
                            </div>
                        </div>
                    </div>
                </foreignObject>
-                <text x="121" y="45" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle" font-style="italic">
+                <text x="121" y="45" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle" font-style="italic" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                    N
                </text>
            </switch>
        </g>
-        <path d="M 22 49 L 32 37" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 22 49 L 32 37" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" 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: 41px; margin-left: 40px;">
                        <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: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-style: italic; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 16px; 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; font-style: italic; white-space: nowrap;">
                                N
                            </div>
                        </div>
                    </div>
                </foreignObject>
-                <text x="40" y="46" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle" font-style="italic">
+                <text x="40" y="46" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle" font-style="italic" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                    N
                </text>
            </switch>
        </g>
-        <path d="M 64 158 L 74 146" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 64 158 L 74 146" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" 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: 150px; margin-left: 82px;">
                        <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: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-style: italic; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 16px; 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; font-style: italic; white-space: nowrap;">
                                N
                            </div>
                        </div>
                    </div>
                </foreignObject>
-                <text x="82" y="155" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle" font-style="italic">
+                <text x="82" y="155" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle" font-style="italic" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                    N
                </text>
            </switch>
@@ -119,7 +119,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: 23px; height: 1px; padding-top: 184px; margin-left: 54px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 18px; 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: 18px; 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;">
                                <span style="font-size: 30px;">
                                    <i>
                                        Result
@@ -129,45 +129,45 @@
                        </div>
                    </div>
                </foreignObject>
-                <text x="66" y="189" fill="#000000" font-family="Helvetica" font-size="18px" text-anchor="middle">
+                <text x="66" y="189" fill="#000000" font-family="Helvetica" font-size="18px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
                    Res...
                </text>
            </switch>
        </g>
-        <path d="M 142 116.5 L 152 104.5" fill="none" stroke="#007fff" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 142 116.5 L 152 104.5" fill="none" stroke="#007fff" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#007fff, #0078f3);"/>
        <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: 121px; margin-left: 153px;">
                        <div data-drawio-colors="color: #007FFF; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
-                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 127, 255); line-height: 1.2; pointer-events: all; font-style: italic; white-space: nowrap;">
+                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 127, 255); color: light-dark(rgb(0, 127, 255), rgb(0, 120, 243)); line-height: 1.2; pointer-events: all; font-style: italic; white-space: nowrap;">
                                2
                            </div>
                        </div>
                    </div>
                </foreignObject>
-                <text x="153" y="125" fill="#007FFF" font-family="Helvetica" font-size="16px" text-anchor="middle" font-style="italic">
+                <text x="153" y="125" fill="#007FFF" font-family="Helvetica" font-size="16px" text-anchor="middle" font-style="italic" style="fill: light-dark(#007FFF, #0078f3);">
                    2
                </text>
            </switch>
        </g>
-        <path d="M 108 32.5 L 107.9 72" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
-        <path d="M 27 33 L 26.57 71.66" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 108 32.5 L 107.9 72" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        <path d="M 27 33 L 26.57 71.66" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
        <rect x="114" y="79" width="166" height="59" fill="none" stroke="none" transform="rotate(90,197,108.5)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)rotate(90 197 108.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: 164px; height: 1px; padding-top: 109px; margin-left: 115px;">
                        <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: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-style: italic; white-space: normal; overflow-wrap: normal;">
-                                <font style="font-size: 30px;" color="#007fff">
+                            <div style="display: inline-block; font-size: 30px; 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; font-style: italic; white-space: normal; overflow-wrap: normal;">
+                                <font style="font-size: 30px; color: light-dark(#007fff, #0078f3);" color="#007fff">
                                    ALUControl
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
-                <text x="197" y="118" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="30px" text-anchor="middle" font-style="italic">
+                <text x="197" y="118" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="30px" text-anchor="middle" font-style="italic" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));">
                    ALUControl
                </text>
            </switch>
--- a/.pic/Labs/lab_02_alu/fig_02.drawio.svg
+++ b/.pic/Labs/lab_02_alu/fig_02.drawio.svg
--- a/.pic/Labs/lab_02_alu/fig_03.drawio.svg
+++ b/.pic/Labs/lab_02_alu/fig_03.drawio.svg
--- a/.pic/Labs/lab_02_alu/fig_04.drawio.svg
+++ b/.pic/Labs/lab_02_alu/fig_04.drawio.svg