Couleurs et temps de lecture.

assets/style/main.scss

@@ -127,7 +127,7 @@ header {
 // Soulignement des titres
 h1 {
   font-size: 1em;
-  color: $fg0;
+  color: $red;
   text-transform: uppercase;
   margin: 0;
   padding-bottom: 1em;
@@ -150,9 +150,9 @@ h1::after {
   background-image: linear-gradient(
     to bottom,
     transparent 35.71%,
-    $fg0 35.71% 42.85%,
+    $red 35.71% 42.85%,
     transparent 42.85% 49.99%,
-    $fg0 49.99% 57.13%,
+    $red 49.99% 57.13%,
     transparent 57.13%
   );
 }
@@ -160,7 +160,7 @@ h1::after {
 h2 {
   font-size: 1em;
   text-transform: uppercase;
-  color: $fg0;
+  color: $orange;
   margin: 0;
   padding-bottom: 1em;
   position: relative;
@@ -182,7 +182,7 @@ h2::after {
   background-image: linear-gradient(
     to bottom,
     transparent 49.99%,
-    $fg0 49.99% 57.13%,
+    $orange 49.99% 57.13%,
     transparent 57.13%
   );
 }
@@ -218,7 +218,12 @@ article:not(:last-of-type)::after {
 // Colorisation des éléments moins importants.
 #publication-information {
   padding-left: 4ch;
-  color: $bg2;
+  color: $aqua;
+}
+
+#reading-time {
+  padding-left: 4ch;
+  color: $blue;
 }
 
 // Décalagu du lien "lire plus".