From 9c8591d2e1d2869a41ad41a996d3ff795778d23f Mon Sep 17 00:00:00 2001
From: Sami Samhuri <sami@samhuri.net>
Date: Thu, 12 Dec 2019 22:39:09 -0800
Subject: [PATCH] Tweak year and month styles in archive and year pages

---
 public/css/style.css         | 10 ++++++++++
 templates/posts-archive.html |  4 ++--
 templates/posts-year.html    |  2 +-
 3 files changed, 13 insertions(+), 3 deletions(-)

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>