Ajout d'une image en mode sombre

_sass/main.scss

@@ -130,4 +130,18 @@ font-size: 25px;
 // 
 footer small{
     color:$white;
+}
+
+#photoProfil.dark{
+    display:none;
+}
+
+@media (prefers-color-scheme: dark){
+    #photoProfil.dark{
+        display:block;
+    }
+
+    #photoProfil.light{
+        display:none;
+    }
 }

css/main.css

@@ -7114,3 +7114,12 @@ section#contact .button {
 
 footer small {
   color: #ffffff; }
+
+#photoProfil.dark {
+  display: none; }
+
+@media (prefers-color-scheme: dark) {
+  #photoProfil.dark {
+    display: block; }
+  #photoProfil.light {
+    display: none; } }

index.html

@@ -35,9 +35,12 @@
                     <div id="photosAndButtons" class="column is-3-widescreen is-3-tablet">
                         <div class="card">
                             <div class="card-image">
-                                <figure id="photoProfil" class="image">
+                                <figure id="photoProfil" class="image light">
                                     <img src="images/profile_opt.jpg" alt="Une Photo de moi">
                                 </figure>
+                                <figure id="photoProfil" class="image dark">
+                                    <img src="images/profile_nuit_opt.jpg" alt="Une Photo de moi">
+                                </figure>
                             </div>
                             <div class="card-content">
                                 <div class="media">