Factorise la palette du thème par défaut

themes/default/assets/css/timeline.css

@@ -18,8 +18,8 @@
 .timeline .year>span {
     grid-column: 1;
     font-weight: bold;
-    color: #eee;
-    background: #2b2b2b;
+    color: var(--text-softest);
+    background: var(--surface-contrast);
     padding: 0.2rem 0.5rem;
     border-radius: 0.5rem;
     position: sticky;
@@ -34,8 +34,8 @@
 .timeline .month>span {
     grid-column: 2;
     font-style: italic;
-    color: #bceeff;
-    background: #2d3a3f;
+    color: var(--accent-blue-light);
+    background: var(--surface-accent);
     padding: 0.2rem 0.5rem;
     border-radius: 0.5rem;
     position: sticky;
@@ -49,8 +49,8 @@
 
 .timeline .day>span {
     grid-column: 3;
-    color: #ccc;
-    background: #333;
+    color: var(--text-light);
+    background: var(--surface-muted);
     padding: 0.2rem 0.5rem;
     border-radius: 0.5rem;
     position: sticky;
@@ -82,12 +82,12 @@
 
 .timeline .day>.list a {
     text-decoration: none;
-    color: #ddd;
+    color: var(--text-softer);
     font-weight: 500;
     display: block;
 }
 
 .timeline .day>.list a:hover {
-    color: #2da8f4;
+    color: var(--accent-blue-hover);
     text-decoration: underline;
-}
+}