diff --git a/public/css/style.css b/public/css/style.css
index ad3b959..85a0565 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -295,6 +295,11 @@ footer a, footer a:visited {
  * Archive
  */
 
+h2.year a, h2.year a:visited,
+h2.month a, h2.month a:visited {
+  color: #000;
+}
+
 ul.archive {
   padding-left: 0;
   margin-left: 5%;
@@ -323,6 +328,11 @@ ul.archive li time {
 }
 
 @media (prefers-color-scheme: dark) {
+  h2.year a, h2.year a:visited,
+  h2.month a, h2.month a:visited {
+    color: #ddd;
+  }
+
   ul.archive li time {
     color: #919191;
   }
diff --git a/templates/posts-archive.html b/templates/posts-archive.html
index 7e20452..f6e837b 100644
--- a/templates/posts-archive.html
+++ b/templates/posts-archive.html
@@ -8,10 +8,10 @@
 
 {% for year in years %}
   <div class="container">
-    <h2><a href="{{ year.path }}">{{ year.title }}</a></h2>
+    <h2 class="year"><a href="{{ year.path }}">{{ year.title }}</a></h2>
 
   {% for month in year.months %}
-    <h3>
+    <h3 class="month">
       <a href="{{ month.path }}">{{ month.name }}</a>
     </h3>
 
diff --git a/templates/posts-year.html b/templates/posts-year.html
index 0d154f8..cee641c 100644
--- a/templates/posts-year.html
+++ b/templates/posts-year.html
@@ -6,7 +6,7 @@
   <h1>{{ title }}</h1>
 
 {% for month in months %}
-  <h2>
+  <h2 class="month">
     <a href="{{ month.path }}">{{ month.name }}</a>
   </h2>