Improve dark theme on images

15 files changed, 73 insertions, 6 deletions

diff --git a/articles/a-vanity-vnc-server.md b/articles/a-vanity-vnc-server.md
index 54147a7..381fed2 100644
--- a/articles/a-vanity-vnc-server.md
+++ b/articles/a-vanity-vnc-server.md
@@ -14,7 +14,7 @@ url = "/articles/serveur-vnc-vaniteux"
 
 # A Vanity VNC server (or Joke over RFB)
 
-![VNC logo modified to read also Vanity](res/vnc_vanity.svg)  
+![VNC logo modified to read also Vanity](res/vnc_vanity-alt.svg)  
 VNC is a well-known protocol for remote desktop sharing.
 This blog post is the story of a web project that led to the creation of a "vainity" VNC.
 
diff --git a/articles/res/vnc_vanity-dark.svg b/articles/res/vnc_vanity-dark.svg
new file mode 100644
index 0000000..1c6b3fe
--- /dev/null
+++ b/articles/res/vnc_vanity-dark.svg
@@ -0,0 +1 @@
+<svg:svg xmlns:svg="http://www.w3.org/2000/svg" width="320" height="280" version="1.1" viewBox="0 0 240 210"><svg:path fill="#ff0707" d="M 0.00 0.00 L 0.41 0.00 C 0.31 0.10 0.10 0.31 0.00 0.41 L 0.00 0.00 Z"/><svg:path fill="#ff0707" d="m 7.8166556,27.02 c 25.4200004,-0.35 50.8700004,-0.34 76.2900004,0 -0.01,1.65 -0.01,3.3 -0.01,4.95 -5.14,0.37 -10.56,-0.33 -15.43,1.73 -3.88,1.28 -2.04,6.33 -2.53,9.39 -13.41,4.95 -23.7,16.84 -27.43,30.56 l -0.28,0.75 c -5.43,-11.86 -9.73,-24.3 -16.34,-35.59 -2.81,-5.01 -8.83,-6.13 -13.9800004,-7.15 -0.1,-1.55 -0.2,-3.09 -0.29,-4.64 z"/><svg:path fill="#ff0707" d="m 124.82666,27.02 c 17.45,-0.33 34.94,-0.38 52.39,0.02 0.75,3.32 -1.12,5.54 -4.34,6.06 -6.79,2.14 -11.84,7.62 -15.07,13.77 -5.66,8.57 -9.15,18.29 -13.56,27.51 -3.8,8.8 -8.34,17.31 -11.37,26.43 -0.72,2.14 -1.89,4.09 -3.2,5.92 -4.19,5.37 -6.15,11.97 -9.03,18.04 -3.02,6.99 -6.84,13.66 -8.9,21.03 -5.59,14.31 -12.410004,28.16 -18.680004,42.19 -0.88,3 -5.34,2.97 -6.01,-0.13 -6.69,-15.34 -13.18,-30.78 -19.84,-46.12 0.12,-19.24 -0.05,-38.49 0.04,-57.73 -0.2,-6.07 3.78,-11.18 8.66,-14.32 8.31,17.72 15.39,35.98 23.84,53.64 1.420004,4.68 2.800004,9.48 5.500004,13.61 2.38,0.37 2.56,-2.8 3.59,-4.29 6.53,-15.93 14.42,-31.29 20.52,-47.39 5.84,-13.47 13.97,-26.47 16.12,-41.19 -0.58,-10.3 -12.23,-12.55 -20.56,-12.2 -0.04,-1.62 -0.08,-3.23 -0.1,-4.85 z"/><svg:path fill="#777" d="m 66.136656,43.09 c 10.11,-3.64 21.43,-4.49 31.71,-0.97 18.310004,5.79 31.480004,23.96 31.520004,43.14 -6.1,16.1 -13.99,31.46 -20.52,47.39 -1.03,1.49 -1.21,4.66 -3.59,4.29 -2.7,-4.13 -4.08,-8.93 -5.500004,-13.61 0.490004,-11.11 0.09,-22.23 0.320004,-33.34 0.05,-6 -0.260004,-12.79 -4.740004,-17.33 -4.85,-5.3 -13.16,-6.1 -19.42,-2.97 -4.88,3.14 -8.86,8.25 -8.66,14.32 -0.09,19.24 0.08,38.49 -0.04,57.73 -0.14,1.39 -0.32,2.77 -0.52,4.15 -9.86,0.23 -19.73,0.19 -29.59,0 -0.35,-18.29 0.14,-36.59 -0.24,-54.88 -0.14,-5.84 1,-11.61 1.84,-17.36 3.73,-13.72 14.02,-25.61 27.43,-30.56 z"/><svg:path fill="#777" d="m 157.80666,46.87 c 20.29,-7 42,-4.92 63.05,-4.7 0.31,9.9 0.22,19.82 0.04,29.73 -14.28,0.31 -28.57,-0.02 -42.85,0.1 -6.27,0.21 -13.15,3.27 -15.62,9.4 -3.84,9.82 -3.81,22.37 3.76,30.44 5.12,5.41 13.12,3.92 19.8,4.04 11.62,0.17 23.26,-0.4 34.87,0.29 0.31,9.9 0.22,19.82 0.04,29.72 -11.95,0.35 -23.91,-0.11 -35.87,0.23 -13.37,0.27 -27.56,-3.18 -37.34,-12.81 -9.11,-8.25 -14.33,-20.27 -14.81,-32.5 3.03,-9.12 7.57,-17.63 11.37,-26.43 4.41,-9.22 7.9,-18.94 13.56,-27.51 z"/><svg:path fill="#777" d="m 120.64666,124.77 c 2.88,-6.07 4.84,-12.67 9.03,-18.04 0.8,13.01 0.62,26.1 0.16,39.12 -6.02,0.32 -12.07,0.3 -18.09,-0.05 2.06,-7.37 5.88,-14.04 8.9,-21.03 z"/><svg:path d="m 107.54328,186.95505 q -2.432,0 -3.904,-1.728 -1.472,-1.728 -1.472,-4.608 0,-2.56 1.024,-5.44 1.024,-2.88 2.816,-5.632 1.856,-2.752 4.224,-4.928 2.432,-2.24 5.12,-3.52 2.752,-1.344 5.632,-1.344 2.176,0 4.032,1.152 l 0.64,-1.728 q 0.128,-0.384 1.088,-0.512 0.96,-0.192 2.112,-0.192 1.152,0 1.92,0.192 0.832,0.192 0.704,0.576 l -6.144,20.544 q -0.256,0.96 -0.256,1.28 0,0.768 0.704,0.768 1.728,0 4.032,-2.24 0.192,-0.128 0.64,0.256 0.512,0.32 0.896,0.768 0.384,0.384 0.192,0.576 -1.088,1.344 -2.88,2.688 -1.792,1.344 -3.648,2.24 -1.856,0.832 -3.072,0.832 -2.88,0 -2.88,-3.136 0,-0.512 0.064,-1.088 0.128,-0.64 0.448,-1.6 l 0.64,-1.984 -0.32,-0.192 q -7.36,8 -12.352,8 z m 3.456,-4.288 q 1.024,0 2.56,-1.088 1.6,-1.088 3.264,-2.88 1.728,-1.856 3.072,-4.16 1.6,-2.752 2.56,-5.696 l 1.536,-4.864 q -1.344,-1.6 -3.904,-1.6 -2.112,0 -4.096,1.728 -1.92,1.664 -3.52,4.288 -1.536,2.624 -2.432,5.44 -0.832,2.816 -0.832,5.056 0,3.776 1.792,3.776 z m 26.81607,4.288 q -3.136,0 -2.816,-0.896 l 6.4,-20.096 q 0.512,-1.472 -0.512,-1.472 -0.96,0 -3.52,2.496 -0.256,0.192 -0.768,-0.064 -0.512,-0.32 -0.896,-0.768 -0.384,-0.512 -0.128,-0.704 1.024,-1.152 2.624,-2.496 1.664,-1.408 3.456,-2.432 1.856,-1.024 3.52,-1.024 2.816,0 2.816,2.688 0,0.832 -0.32,1.92 -0.256,1.088 -0.704,2.432 l -1.472,4.416 0.32,0.128 q 6.848,-11.584 13.888,-11.584 4.672,0 4.672,4.032 0,0.896 -0.256,1.984 -0.256,1.088 -0.512,2.112 l -3.2,10.368 q -0.704,2.112 -0.832,3.072 -0.064,0.896 0.512,0.896 0.96,0 3.584,-2.496 0.256,-0.256 0.704,0.128 0.512,0.32 0.832,0.832 0.384,0.448 0.256,0.64 -1.088,1.152 -2.816,2.56 -1.664,1.344 -3.52,2.368 -1.792,0.96 -3.136,0.96 -3.2,0 -3.2,-3.136 0,-0.832 0.256,-1.984 0.256,-1.152 0.64,-2.56 l 3.52,-11.328 q 0.512,-1.6 0.576,-2.368 0.128,-0.832 0.128,-1.408 0,-1.28 -0.96,-1.28 -1.28,0 -3.328,1.984 -1.984,1.92 -4.544,6.016 -2.56,4.096 -4.608,7.872 -1.984,3.712 -3.328,7.36 -0.32,0.832 -3.328,0.832 z m 44.544,-32.384 q -1.92,0 -3.2,-1.28 -1.28,-1.28 -1.28,-3.136 0,-1.792 1.216,-3.008 1.28,-1.28 3.136,-1.28 1.856,0 3.136,1.28 1.28,1.28 1.28,3.136 0,1.792 -1.28,3.072 -1.216,1.216 -3.008,1.216 z m -8.896,32.384 q -3.264,0 -3.264,-3.008 0,-0.768 0.192,-1.856 0.256,-1.088 0.64,-2.432 l 3.904,-12.48 q 0.448,-1.536 0.384,-2.112 0,-0.576 -0.448,-0.576 -0.512,0 -1.472,0.768 -0.96,0.704 -2.176,1.856 -0.256,0.256 -0.704,0 -0.448,-0.32 -0.768,-0.768 -0.32,-0.448 -0.128,-0.768 0.96,-1.216 2.624,-2.624 1.664,-1.408 3.52,-2.432 1.92,-1.024 3.52,-1.024 2.944,0 2.944,2.944 0,1.6 -0.768,4.096 l -3.52,11.072 q -0.768,2.304 -0.832,3.328 0,0.96 0.64,0.96 0.512,0 1.344,-0.64 0.832,-0.64 2.112,-1.92 0.192,-0.256 0.704,0.064 0.512,0.32 0.896,0.768 0.384,0.448 0.256,0.64 -1.152,1.28 -2.816,2.752 -1.664,1.408 -3.52,2.432 -1.792,0.96 -3.264,0.96 z m 18.23997,0 q -1.856,0 -2.944,-1.152 -1.088,-1.216 -1.088,-3.008 0,-1.216 0.256,-2.176 l 5.504,-17.536 h -5.376 q -0.448,0 -0.512,-0.576 0,-0.576 0.256,-1.216 0.32,-0.64 0.832,-0.704 l 5.824,-1.088 4.736,-6.72 q 0.192,-0.256 1.024,-0.192 0.832,0 1.6,0.256 0.832,0.256 0.832,0.768 l -1.92,6.208 h 8.128 q 0.32,0 0.256,0.832 -0.064,0.832 -0.384,1.664 -0.256,0.768 -0.576,0.768 h -8.448 l -4.864,15.68 q -0.448,1.28 -0.448,2.112 0,1.344 1.088,1.344 1.024,0 2.88,-1.344 1.856,-1.344 4.48,-4.288 0.192,-0.256 0.704,0 0.512,0.256 0.832,0.704 0.384,0.448 0.192,0.832 -2.88,3.712 -5.952,6.272 -3.072,2.56 -6.912,2.56 z m 15.68004,16.512 q -1.92,0 -3.392,-0.896 -1.472,-0.896 -1.472,-2.752 0,-1.344 0.768,-2.176 0.768,-0.768 1.792,-0.768 0.96,0 1.6,0.384 0.704,0.448 1.28,1.024 0.32,0.384 0.896,0.896 0.64,0.512 1.28,0.512 0.896,0 1.856,-0.576 0.96,-0.576 2.048,-1.6 2.56,-2.56 3.328,-5.952 0.832,-3.328 0.832,-7.232 0,-2.24 -0.128,-4.864 -0.128,-2.688 -0.384,-5.312 -0.256,-2.624 -0.704,-4.8 -0.448,-2.24 -1.152,-3.52 -0.64,-1.344 -1.536,-1.344 -1.536,0 -3.456,3.52 -0.192,0.32 -0.768,0.192 -0.512,-0.128 -0.96,-0.448 -0.448,-0.384 -0.256,-0.704 1.664,-3.648 3.648,-5.568 2.048,-1.984 4.288,-1.984 1.984,0 3.328,1.792 1.344,1.792 2.176,4.672 0.832,2.816 1.216,6.08 0.448,3.2 0.448,6.016 0,1.344 -0.064,2.56 -0.064,1.152 -0.192,2.304 l 0.384,0.128 q 1.216,-2.24 2.368,-5.312 1.152,-3.136 1.856,-6.208 0.768,-3.136 0.768,-5.44 0,-1.856 -0.896,-3.904 -0.064,-2.688 2.944,-2.688 3.072,0 3.072,2.88 0,2.304 -0.832,5.248 -0.832,2.944 -2.112,6.144 -1.28,3.136 -2.816,6.08 -1.472,2.944 -2.752,5.312 -1.792,3.136 -3.84,6.336 -1.984,3.264 -4.288,5.952 -2.304,2.752 -4.864,4.352 -2.496,1.664 -5.312,1.664 z" style="fill:#d4aa00;stroke-width:.75"/></svg:svg>
diff --git a/articles/res/vnc_vanity.svg b/articles/res/vnc_vanity-light.svg
index b5bac73..b5bac73 100644
--- a/articles/res/vnc_vanity.svg
+++ b/articles/res/vnc_vanity-light.svg
diff --git a/articles/res/vnc_vanity.png b/articles/res/vnc_vanity.png
deleted file mode 100644
index 67ed456..0000000
--- a/articles/res/vnc_vanity.png
+++ /dev/null
diff --git a/articles/serveur-vnc-vaniteux.md b/articles/serveur-vnc-vaniteux.md
index 02654e4..d3b0ae7 100644
--- a/articles/serveur-vnc-vaniteux.md
+++ b/articles/serveur-vnc-vaniteux.md
@@ -14,7 +14,7 @@ url = "/articles/a-vanity-vnc-server"
 
 # Un serveur VNC vaniteux (Joke over RFB)
 
-![Logo VNC modifié pour lire également Vanity](res/vnc_vanity.svg)  
+![Logo VNC modifié pour lire également Vanity](res/vnc_vanity-alt.svg)  
 VNC est un protocole bien connu de partage de bureau distant.
 Ce blog post est l'histoire d'un projet d'un WE qui a conduit à fabriquer un VNC « vaniteux ».
 
diff --git a/notes/create_self-signed_certificate_from_a_self-signed_CA.md b/notes/create_self-signed_certificate_from_a_self-signed_CA.md
index 3cf14ea..bfd4b2a 100644
--- a/notes/create_self-signed_certificate_from_a_self-signed_CA.md
+++ b/notes/create_self-signed_certificate_from_a_self-signed_CA.md
@@ -15,7 +15,7 @@ url = "/notes/créer-un-certificat-auto-signé-depuis-un-CA-auto-signé"
 
 # Obtaining a self-signed SSL certificate from our own Certificate Authority
 
-![Illustration of a self-signed certificate](res/certificat-signed.svg)
+![Illustration of a self-signed certificate](res/certificat-signed-alt.svg)
 
 In this blog post, we will create a self-signed TLS certificate, install it on an nginx server and on client systems.
 
diff --git a/notes/créer-un-certificat-auto-signé-depuis-un-CA-auto-signé.md b/notes/créer-un-certificat-auto-signé-depuis-un-CA-auto-signé.md
index 5b6dd68..0f6b480 100644
--- a/notes/créer-un-certificat-auto-signé-depuis-un-CA-auto-signé.md
+++ b/notes/créer-un-certificat-auto-signé-depuis-un-CA-auto-signé.md
@@ -15,7 +15,7 @@ url = "/notes/create_self-signed_certificate_from_a_self-signed_CA"
 
 # Obtenir un certificat auto-signé à partir de sa propre autorité de certification
 
-![Illustration d'un certificat auto-signé](res/certificat-signed.svg)
+![Illustration d'un certificat auto-signé](res/certificat-signed-alt.svg)
 
 Dans ce poste de blog, nous allons créer un certificat TLS autosigné, l'installer sur un serveur nginx et sur les systèmes clients.
 
@@ -48,6 +48,10 @@ Nous n'avons pas la liste des certificats émis sur nos ordinateurs.
     C'est le rôle cependant des _Certification Transparency (CT) logs_ qui assurent que tout comportement suspect (au niveau de l'émission de certificat) puisse être détecté.
     Plus d'info à <https://certificate.transparency.dev/>.
 
+<br><br>
+<br><br>
+<br><br>
+
 <img src="res/chaîne_de_certification.png" class="big" alt="Schéma de la chaîne de certification">
 
 Au contraire, on a une seulement une liste relative faible de certificats de confiance sur nos ordinateurs (149 chez moi).
diff --git a/notes/res/certificat-signed-dark.svg b/notes/res/certificat-signed-dark.svg
new file mode 100644
index 0000000..c75dff0
--- /dev/null
+++ b/notes/res/certificat-signed-dark.svg
@@ -0,0 +1,21 @@
+<svg:svg xmlns:svg="http://www.w3.org/2000/svg" width="215" height="215" fill="none" version="1.1" viewBox="0 0 215.493 215.493">
+  <svg:defs>
+    <svg:style><![CDATA[
+    .light-dark-pref {
+      stroke: #1a1b1c;
+    }
+    @media (prefers-color-scheme: dark) {
+      .light-dark-pref {
+        stroke: white;
+      }
+    }
+    .light {
+      stroke: #1a1b1c;
+    }
+    .dark {
+      stroke: white;
+    }
+  ]]></svg:style>
+  </svg:defs>
+
+  <svg:path stroke-dasharray="6, 3" stroke-width="1.849" d="m 107.20009,8.8400154 21.80278,16.5838846 27.17395,-3.460579 10.58959,25.263491 25.26402,10.58993 -3.46058,27.173948 16.58369,21.80278 -16.58369,21.80277 3.46058,27.17395 -25.26402,10.5896 -10.58959,25.26402 -27.17395,-3.46057 -21.80278,16.58368 L 85.397306,188.16324 58.223357,191.62381 47.633766,166.35979 22.369741,155.77019 25.830318,128.59624 9.2466353,106.79347 25.830318,84.99069 22.369741,57.816742 47.633766,47.226812 58.223357,21.963321 85.397306,25.4239 Z" class="anim rev dark"><svg:animate attributeName="stroke-dashoffset" calcMode="linear" dur="2s" repeatCount="indefinite" values="18;0"/></svg:path><svg:path fill="#d6fff8" stroke="#1a1b1f" stroke-width="1.927" d="m 64.255208,45.81924 h 70.884212 l 18.08225,24.386957 V 165.80548 H 64.255208 Z" style="fill:#fff880;fill-opacity:1"/><svg:path stroke="#1a1b1f" stroke-width="1.927" d="m 134.84017,45.81924 v 24.79054 h 18.3815"/><svg:line x1="73.078" x2="128.958" y1="81.518" y2="81.518" stroke="#1a1b1f" stroke-width="1.927"/><svg:line x1="73.078" x2="110.577" y1="94.409" y2="94.409" stroke="#1a1b1f" stroke-width="1.927"/><script/><svg:path d="m 9.836065,2.0341911 c 0.112518,0.038276 0.222436,0.083805 0.329064,0.1363026 l 1.282734,0.6315458 c 0.348138,0.1714034 0.756137,0.1714034 1.104274,0 l 1.282734,-0.6315458 c 1.362589,-0.6708615 3.011025,-0.1101062 3.681887,1.2524821 l 0.07348,0.1623228 0.06282,0.1667409 0.460459,1.3536002 c 0.12497,0.3673712 0.413469,0.65587 0.78084,0.7808401 l 1.353601,0.4604596 c 1.437866,0.4891247 2.206973,2.0512594 1.717848,3.4891256 -0.03828,0.112518 -0.08381,0.222436 -0.136303,0.329064 l -0.631546,1.282734 c -0.171403,0.348138 -0.171403,0.756137 0,1.104274 l 0.631546,1.282734 c 0.670862,1.362589 0.110106,3.011025 -1.252482,3.681887 -0.106627,0.0525 -0.216545,0.09803 -0.329063,0.136303 L 18.89436,18.11352 c -0.367371,0.12497 -0.65587,0.413469 -0.78084,0.78084 l -0.460459,1.353601 c -0.489125,1.437866 -2.05126,2.206973 -3.489126,1.717848 -0.112518,-0.03828 -0.222436,-0.08381 -0.329064,-0.136303 L 12.552137,21.19796 c -0.348137,-0.171403 -0.756136,-0.171403 -1.104274,0 l -1.282734,0.631546 C 8.8025404,22.500368 7.1541036,21.939612 6.4832421,20.577024 6.4307448,20.470397 6.3852151,20.360479 6.3469394,20.247961 L 5.8864798,18.89436 C 5.7615097,18.526989 5.4730109,18.23849 5.1056397,18.11352 L 3.7520395,17.653061 c -1.4378662,-0.489125 -2.2069731,-2.05126 -1.7178484,-3.489126 0.038276,-0.112518 0.083805,-0.222436 0.1363026,-0.329064 l 0.6315458,-1.282734 c 0.1714034,-0.348137 0.1714034,-0.756136 0,-1.104274 L 2.1704937,10.165129 C 1.4996322,8.8025404 2.0603875,7.1541036 3.4229758,6.4832421 3.5296031,6.4307448 3.6395214,6.3852151 3.7520395,6.3469394 L 5.1056397,5.8864798 C 5.4730109,5.7615097 5.7615097,5.4730109 5.8864798,5.1056397 L 6.3469394,3.7520395 C 6.8360641,2.3141733 8.3981988,1.5450664 9.836065,2.0341911 Z M 15.46967,8.9696699 10.050399,14.388941 8.076166,12.019862 C 7.8109929,11.701654 7.3380694,11.658661 7.0198617,11.923834 6.701654,12.189007 6.658661,12.661931 6.923834,12.980138 l 2.5,3 c 0.2823364,0.338804 0.794645,0.362043 1.106496,0.05019 l 6,-6 c 0.292893,-0.2928931 0.292893,-0.7677669 0,-1.0606601 -0.292893,-0.2928932 -0.767767,-0.2928932 -1.06066,0 z" style="fill:#80b7ff;fill-opacity:1;stroke:none;stroke-width:.429579;stroke-dasharray:none;stroke-opacity:.46557" transform="matrix(2.1092 0 0 2.1092 102.13 114.153)"/></svg:svg>
diff --git a/notes/res/certificat-signed-light.svg b/notes/res/certificat-signed-light.svg
new file mode 100644
index 0000000..d8145d6
--- /dev/null
+++ b/notes/res/certificat-signed-light.svg
@@ -0,0 +1,21 @@
+<svg:svg xmlns:svg="http://www.w3.org/2000/svg" width="215" height="215" fill="none" version="1.1" viewBox="0 0 215.493 215.493">
+  <svg:defs>
+    <svg:style><![CDATA[
+    .light-dark-pref {
+      stroke: #1a1b1c;
+    }
+    @media (prefers-color-scheme: dark) {
+      .light-dark-pref {
+        stroke: white;
+      }
+    }
+    .light {
+      stroke: #1a1b1c;
+    }
+    .dark {
+      stroke: white;
+    }
+  ]]></svg:style>
+  </svg:defs>
+
+  <svg:path stroke-dasharray="6, 3" stroke-width="1.849" d="m 107.20009,8.8400154 21.80278,16.5838846 27.17395,-3.460579 10.58959,25.263491 25.26402,10.58993 -3.46058,27.173948 16.58369,21.80278 -16.58369,21.80277 3.46058,27.17395 -25.26402,10.5896 -10.58959,25.26402 -27.17395,-3.46057 -21.80278,16.58368 L 85.397306,188.16324 58.223357,191.62381 47.633766,166.35979 22.369741,155.77019 25.830318,128.59624 9.2466353,106.79347 25.830318,84.99069 22.369741,57.816742 47.633766,47.226812 58.223357,21.963321 85.397306,25.4239 Z" class="anim rev light"><svg:animate attributeName="stroke-dashoffset" calcMode="linear" dur="2s" repeatCount="indefinite" values="18;0"/></svg:path><svg:path fill="#d6fff8" stroke="#1a1b1f" stroke-width="1.927" d="m 64.255208,45.81924 h 70.884212 l 18.08225,24.386957 V 165.80548 H 64.255208 Z" style="fill:#fff880;fill-opacity:1"/><svg:path stroke="#1a1b1f" stroke-width="1.927" d="m 134.84017,45.81924 v 24.79054 h 18.3815"/><svg:line x1="73.078" x2="128.958" y1="81.518" y2="81.518" stroke="#1a1b1f" stroke-width="1.927"/><svg:line x1="73.078" x2="110.577" y1="94.409" y2="94.409" stroke="#1a1b1f" stroke-width="1.927"/><script/><svg:path d="m 9.836065,2.0341911 c 0.112518,0.038276 0.222436,0.083805 0.329064,0.1363026 l 1.282734,0.6315458 c 0.348138,0.1714034 0.756137,0.1714034 1.104274,0 l 1.282734,-0.6315458 c 1.362589,-0.6708615 3.011025,-0.1101062 3.681887,1.2524821 l 0.07348,0.1623228 0.06282,0.1667409 0.460459,1.3536002 c 0.12497,0.3673712 0.413469,0.65587 0.78084,0.7808401 l 1.353601,0.4604596 c 1.437866,0.4891247 2.206973,2.0512594 1.717848,3.4891256 -0.03828,0.112518 -0.08381,0.222436 -0.136303,0.329064 l -0.631546,1.282734 c -0.171403,0.348138 -0.171403,0.756137 0,1.104274 l 0.631546,1.282734 c 0.670862,1.362589 0.110106,3.011025 -1.252482,3.681887 -0.106627,0.0525 -0.216545,0.09803 -0.329063,0.136303 L 18.89436,18.11352 c -0.367371,0.12497 -0.65587,0.413469 -0.78084,0.78084 l -0.460459,1.353601 c -0.489125,1.437866 -2.05126,2.206973 -3.489126,1.717848 -0.112518,-0.03828 -0.222436,-0.08381 -0.329064,-0.136303 L 12.552137,21.19796 c -0.348137,-0.171403 -0.756136,-0.171403 -1.104274,0 l -1.282734,0.631546 C 8.8025404,22.500368 7.1541036,21.939612 6.4832421,20.577024 6.4307448,20.470397 6.3852151,20.360479 6.3469394,20.247961 L 5.8864798,18.89436 C 5.7615097,18.526989 5.4730109,18.23849 5.1056397,18.11352 L 3.7520395,17.653061 c -1.4378662,-0.489125 -2.2069731,-2.05126 -1.7178484,-3.489126 0.038276,-0.112518 0.083805,-0.222436 0.1363026,-0.329064 l 0.6315458,-1.282734 c 0.1714034,-0.348137 0.1714034,-0.756136 0,-1.104274 L 2.1704937,10.165129 C 1.4996322,8.8025404 2.0603875,7.1541036 3.4229758,6.4832421 3.5296031,6.4307448 3.6395214,6.3852151 3.7520395,6.3469394 L 5.1056397,5.8864798 C 5.4730109,5.7615097 5.7615097,5.4730109 5.8864798,5.1056397 L 6.3469394,3.7520395 C 6.8360641,2.3141733 8.3981988,1.5450664 9.836065,2.0341911 Z M 15.46967,8.9696699 10.050399,14.388941 8.076166,12.019862 C 7.8109929,11.701654 7.3380694,11.658661 7.0198617,11.923834 6.701654,12.189007 6.658661,12.661931 6.923834,12.980138 l 2.5,3 c 0.2823364,0.338804 0.794645,0.362043 1.106496,0.05019 l 6,-6 c 0.292893,-0.2928931 0.292893,-0.7677669 0,-1.0606601 -0.292893,-0.2928932 -0.767767,-0.2928932 -1.06066,0 z" style="fill:#80b7ff;fill-opacity:1;stroke:none;stroke-width:.429579;stroke-dasharray:none;stroke-opacity:.46557" transform="matrix(2.1092 0 0 2.1092 102.13 114.153)"/></svg:svg>
diff --git a/notes/res/certificat-signed.svg b/notes/res/certificat-signed.svg
index 63278d7..c75dff0 100644
--- a/notes/res/certificat-signed.svg
+++ b/notes/res/certificat-signed.svg
@@ -1 +1,21 @@
-<svg:svg xmlns:svg="http://www.w3.org/2000/svg" width="215" height="215" fill="none" version="1.1" viewBox="0 0 215.493 215.493"><svg:defs/><svg:path stroke="#1a1b1f" stroke-dasharray="6, 3" stroke-width="1.849" d="m 107.20009,8.8400154 21.80278,16.5838846 27.17395,-3.460579 10.58959,25.263491 25.26402,10.58993 -3.46058,27.173948 16.58369,21.80278 -16.58369,21.80277 3.46058,27.17395 -25.26402,10.5896 -10.58959,25.26402 -27.17395,-3.46057 -21.80278,16.58368 L 85.397306,188.16324 58.223357,191.62381 47.633766,166.35979 22.369741,155.77019 25.830318,128.59624 9.2466353,106.79347 25.830318,84.99069 22.369741,57.816742 47.633766,47.226812 58.223357,21.963321 85.397306,25.4239 Z" class="anim rev"><svg:animate attributeName="stroke-dashoffset" calcMode="linear" dur="2s" repeatCount="indefinite" values="18;0"/></svg:path><svg:path fill="#d6fff8" stroke="#1a1b1f" stroke-width="1.927" d="m 64.255208,45.81924 h 70.884212 l 18.08225,24.386957 V 165.80548 H 64.255208 Z" style="fill:#fff880;fill-opacity:1"/><svg:path stroke="#1a1b1f" stroke-width="1.927" d="m 134.84017,45.81924 v 24.79054 h 18.3815"/><svg:line x1="73.078" x2="128.958" y1="81.518" y2="81.518" stroke="#1a1b1f" stroke-width="1.927"/><svg:line x1="73.078" x2="110.577" y1="94.409" y2="94.409" stroke="#1a1b1f" stroke-width="1.927"/><script/><svg:path d="m 9.836065,2.0341911 c 0.112518,0.038276 0.222436,0.083805 0.329064,0.1363026 l 1.282734,0.6315458 c 0.348138,0.1714034 0.756137,0.1714034 1.104274,0 l 1.282734,-0.6315458 c 1.362589,-0.6708615 3.011025,-0.1101062 3.681887,1.2524821 l 0.07348,0.1623228 0.06282,0.1667409 0.460459,1.3536002 c 0.12497,0.3673712 0.413469,0.65587 0.78084,0.7808401 l 1.353601,0.4604596 c 1.437866,0.4891247 2.206973,2.0512594 1.717848,3.4891256 -0.03828,0.112518 -0.08381,0.222436 -0.136303,0.329064 l -0.631546,1.282734 c -0.171403,0.348138 -0.171403,0.756137 0,1.104274 l 0.631546,1.282734 c 0.670862,1.362589 0.110106,3.011025 -1.252482,3.681887 -0.106627,0.0525 -0.216545,0.09803 -0.329063,0.136303 L 18.89436,18.11352 c -0.367371,0.12497 -0.65587,0.413469 -0.78084,0.78084 l -0.460459,1.353601 c -0.489125,1.437866 -2.05126,2.206973 -3.489126,1.717848 -0.112518,-0.03828 -0.222436,-0.08381 -0.329064,-0.136303 L 12.552137,21.19796 c -0.348137,-0.171403 -0.756136,-0.171403 -1.104274,0 l -1.282734,0.631546 C 8.8025404,22.500368 7.1541036,21.939612 6.4832421,20.577024 6.4307448,20.470397 6.3852151,20.360479 6.3469394,20.247961 L 5.8864798,18.89436 C 5.7615097,18.526989 5.4730109,18.23849 5.1056397,18.11352 L 3.7520395,17.653061 c -1.4378662,-0.489125 -2.2069731,-2.05126 -1.7178484,-3.489126 0.038276,-0.112518 0.083805,-0.222436 0.1363026,-0.329064 l 0.6315458,-1.282734 c 0.1714034,-0.348137 0.1714034,-0.756136 0,-1.104274 L 2.1704937,10.165129 C 1.4996322,8.8025404 2.0603875,7.1541036 3.4229758,6.4832421 3.5296031,6.4307448 3.6395214,6.3852151 3.7520395,6.3469394 L 5.1056397,5.8864798 C 5.4730109,5.7615097 5.7615097,5.4730109 5.8864798,5.1056397 L 6.3469394,3.7520395 C 6.8360641,2.3141733 8.3981988,1.5450664 9.836065,2.0341911 Z M 15.46967,8.9696699 10.050399,14.388941 8.076166,12.019862 C 7.8109929,11.701654 7.3380694,11.658661 7.0198617,11.923834 6.701654,12.189007 6.658661,12.661931 6.923834,12.980138 l 2.5,3 c 0.2823364,0.338804 0.794645,0.362043 1.106496,0.05019 l 6,-6 c 0.292893,-0.2928931 0.292893,-0.7677669 0,-1.0606601 -0.292893,-0.2928932 -0.767767,-0.2928932 -1.06066,0 z" style="fill:#80b7ff;fill-opacity:1;stroke:none;stroke-width:.429579;stroke-dasharray:none;stroke-opacity:.46557" transform="matrix(2.1092 0 0 2.1092 102.13 114.153)"/></svg:svg>
\ No newline at end of file
+<svg:svg xmlns:svg="http://www.w3.org/2000/svg" width="215" height="215" fill="none" version="1.1" viewBox="0 0 215.493 215.493">
+  <svg:defs>
+    <svg:style><![CDATA[
+    .light-dark-pref {
+      stroke: #1a1b1c;
+    }
+    @media (prefers-color-scheme: dark) {
+      .light-dark-pref {
+        stroke: white;
+      }
+    }
+    .light {
+      stroke: #1a1b1c;
+    }
+    .dark {
+      stroke: white;
+    }
+  ]]></svg:style>
+  </svg:defs>
+
+  <svg:path stroke-dasharray="6, 3" stroke-width="1.849" d="m 107.20009,8.8400154 21.80278,16.5838846 27.17395,-3.460579 10.58959,25.263491 25.26402,10.58993 -3.46058,27.173948 16.58369,21.80278 -16.58369,21.80277 3.46058,27.17395 -25.26402,10.5896 -10.58959,25.26402 -27.17395,-3.46057 -21.80278,16.58368 L 85.397306,188.16324 58.223357,191.62381 47.633766,166.35979 22.369741,155.77019 25.830318,128.59624 9.2466353,106.79347 25.830318,84.99069 22.369741,57.816742 47.633766,47.226812 58.223357,21.963321 85.397306,25.4239 Z" class="anim rev dark"><svg:animate attributeName="stroke-dashoffset" calcMode="linear" dur="2s" repeatCount="indefinite" values="18;0"/></svg:path><svg:path fill="#d6fff8" stroke="#1a1b1f" stroke-width="1.927" d="m 64.255208,45.81924 h 70.884212 l 18.08225,24.386957 V 165.80548 H 64.255208 Z" style="fill:#fff880;fill-opacity:1"/><svg:path stroke="#1a1b1f" stroke-width="1.927" d="m 134.84017,45.81924 v 24.79054 h 18.3815"/><svg:line x1="73.078" x2="128.958" y1="81.518" y2="81.518" stroke="#1a1b1f" stroke-width="1.927"/><svg:line x1="73.078" x2="110.577" y1="94.409" y2="94.409" stroke="#1a1b1f" stroke-width="1.927"/><script/><svg:path d="m 9.836065,2.0341911 c 0.112518,0.038276 0.222436,0.083805 0.329064,0.1363026 l 1.282734,0.6315458 c 0.348138,0.1714034 0.756137,0.1714034 1.104274,0 l 1.282734,-0.6315458 c 1.362589,-0.6708615 3.011025,-0.1101062 3.681887,1.2524821 l 0.07348,0.1623228 0.06282,0.1667409 0.460459,1.3536002 c 0.12497,0.3673712 0.413469,0.65587 0.78084,0.7808401 l 1.353601,0.4604596 c 1.437866,0.4891247 2.206973,2.0512594 1.717848,3.4891256 -0.03828,0.112518 -0.08381,0.222436 -0.136303,0.329064 l -0.631546,1.282734 c -0.171403,0.348138 -0.171403,0.756137 0,1.104274 l 0.631546,1.282734 c 0.670862,1.362589 0.110106,3.011025 -1.252482,3.681887 -0.106627,0.0525 -0.216545,0.09803 -0.329063,0.136303 L 18.89436,18.11352 c -0.367371,0.12497 -0.65587,0.413469 -0.78084,0.78084 l -0.460459,1.353601 c -0.489125,1.437866 -2.05126,2.206973 -3.489126,1.717848 -0.112518,-0.03828 -0.222436,-0.08381 -0.329064,-0.136303 L 12.552137,21.19796 c -0.348137,-0.171403 -0.756136,-0.171403 -1.104274,0 l -1.282734,0.631546 C 8.8025404,22.500368 7.1541036,21.939612 6.4832421,20.577024 6.4307448,20.470397 6.3852151,20.360479 6.3469394,20.247961 L 5.8864798,18.89436 C 5.7615097,18.526989 5.4730109,18.23849 5.1056397,18.11352 L 3.7520395,17.653061 c -1.4378662,-0.489125 -2.2069731,-2.05126 -1.7178484,-3.489126 0.038276,-0.112518 0.083805,-0.222436 0.1363026,-0.329064 l 0.6315458,-1.282734 c 0.1714034,-0.348137 0.1714034,-0.756136 0,-1.104274 L 2.1704937,10.165129 C 1.4996322,8.8025404 2.0603875,7.1541036 3.4229758,6.4832421 3.5296031,6.4307448 3.6395214,6.3852151 3.7520395,6.3469394 L 5.1056397,5.8864798 C 5.4730109,5.7615097 5.7615097,5.4730109 5.8864798,5.1056397 L 6.3469394,3.7520395 C 6.8360641,2.3141733 8.3981988,1.5450664 9.836065,2.0341911 Z M 15.46967,8.9696699 10.050399,14.388941 8.076166,12.019862 C 7.8109929,11.701654 7.3380694,11.658661 7.0198617,11.923834 6.701654,12.189007 6.658661,12.661931 6.923834,12.980138 l 2.5,3 c 0.2823364,0.338804 0.794645,0.362043 1.106496,0.05019 l 6,-6 c 0.292893,-0.2928931 0.292893,-0.7677669 0,-1.0606601 -0.292893,-0.2928932 -0.767767,-0.2928932 -1.06066,0 z" style="fill:#80b7ff;fill-opacity:1;stroke:none;stroke-width:.429579;stroke-dasharray:none;stroke-opacity:.46557" transform="matrix(2.1092 0 0 2.1092 102.13 114.153)"/></svg:svg>
diff --git a/notes/res/chain_of_trust.avif b/notes/res/chain_of_trust.avif
index a1b114a..103a402 100644
--- a/notes/res/chain_of_trust.avif
+++ b/notes/res/chain_of_trust.avif
diff --git a/notes/res/chain_of_trust.png b/notes/res/chain_of_trust.png
index e27c0b2..a37862b 100644
--- a/notes/res/chain_of_trust.png
+++ b/notes/res/chain_of_trust.png
diff --git a/notes/res/chaîne_de_certification.avif b/notes/res/chaîne_de_certification.avif
index 7152fe6..2ec5156 100644
--- a/notes/res/chaîne_de_certification.avif
+++ b/notes/res/chaîne_de_certification.avif
diff --git a/notes/res/chaîne_de_certification.png b/notes/res/chaîne_de_certification.png
index b0f5f5d..6a85502 100644
--- a/notes/res/chaîne_de_certification.png
+++ b/notes/res/chaîne_de_certification.png
diff --git a/src/css/design.scss b/src/css/design.scss
index 95af524..838366c 100755
--- a/src/css/design.scss
+++ b/src/css/design.scss
@@ -17,7 +17,7 @@ html {
   }
 
   @mixin darkMode {
-    background: #222;
+    background: #0e0e0e;
   }
 
   @media (prefers-color-scheme: dark) {