fix: adpat dark mode & header for mobile device

css/styles.css

@@ -1566,6 +1566,7 @@ img {
     position: relative;
     z-index: 200;
     margin-left: 15px;
+    color: var(--text-color);
 }
 
 .mobile-menu {
@@ -1595,6 +1596,7 @@ img {
     border: none;
     font-size: 24px;
     cursor: pointer;
+    color: var(--text-color);
 }
 
 /* Amélioration de l'espacement dans le menu mobile */
@@ -1700,12 +1702,14 @@ img {
     
     /* Ajuster le header pour l'affichage mobile */
     .header {
-        width: 100%;
+        width: 100vw;
         max-width: 100vw;
         margin-left: -20px;
-        padding-left: 35px;
-        padding-right: 40px;
+        padding-left: 20px;
+        padding-right: 20px;
         box-sizing: border-box;
+        position: relative;
+        left: 0;
     }
     
     .mobile-menu-toggle {
@@ -1960,7 +1964,7 @@ i.icon-mastodon,
     font-weight: 600;
     margin: 20px 0 10px;
     padding: 0;
-    color: #333;
+    color: var(--text-color);
     text-align: center;
 }