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

.pic/Introduction/Sequential logic/fig_07.svg

@@ -9,7 +9,7 @@
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg"
-   style="background-color: rgb(255, 255, 255);"
+   style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);"
    >
   <sodipodi:namedview
      id="namedview227"
@@ -65,10 +65,12 @@
        id="style1">
       .cls-1 {
         fill: #231f20;
+        fill: light-dark(#231f20, #f3eeef);
       }
 
       .cls-2 {
         fill: #00adee;
+        fill: light-dark(#00adee, #0084b7);
       }
     </style>
   </defs>
@@ -1167,10 +1169,10 @@
       <text
          xml:space="preserve"
          id="text228"
-         style="fill:#000000;font-size:8px;stroke-width:2;white-space:pre;shape-inside:url(#rect228)" />
+         style="fill:#000000;fill:light-dark(#000000, #ffffff);font-size:8px;stroke-width:2;white-space:pre;shape-inside:url(#rect228)" />
       <text
          xml:space="preserve"
-         style="font-size:8px;fill:#000000;stroke-width:2"
+         style="font-size:8px;fill:#000000;fill:light-dark(#000000, #ffffff);stroke-width:2"
          x="422.73572"
          y="40.403515"
          id="text229"><tspan
@@ -1180,7 +1182,7 @@
   </g>
   <text
      xml:space="preserve"
-     style="font-size:8px;fill:#000000;stroke-width:2"
+     style="font-size:8px;fill:#000000;fill:light-dark(#000000, #ffffff);stroke-width:2"
      x="184.88351"
      y="27.902369"
      id="text227"><tspan