From ae230a99cece027a766defa6a239545280b9db44 Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <cory.dransfeldt@gmail.com>
Date: Mon, 11 Dec 2023 19:21:04 -0800
Subject: [PATCH] chore: text color consistency

---
 src/_includes/partials/header.liquid                        | 2 +-
 src/_includes/partials/nav/link.liquid                      | 2 +-
 src/_includes/partials/now/albumReleases.liquid             | 2 +-
 src/_includes/partials/now/links.liquid                     | 2 +-
 src/_includes/partials/now/media-grid.liquid                | 2 +-
 src/_includes/partials/now/topper.liquid                    | 2 +-
 src/_includes/partials/popular-posts.liquid                 | 2 +-
 src/_includes/partials/webmentions/comments.liquid          | 4 ++--
 src/_includes/partials/webmentions/interaction.liquid       | 2 +-
 src/_includes/partials/webmentions/links.liquid             | 2 +-
 src/_includes/post.liquid                                   | 4 ++--
 src/_includes/webrings/css-joy.liquid                       | 2 +-
 src/_includes/webrings/the-claw.liquid                      | 2 +-
 src/assets/styles/tailwind.css                              | 5 -----
 src/index.html                                              | 4 ++--
 src/pages/404.html                                          | 4 ++--
 src/pages/about.md                                          | 2 +-
 src/pages/blogroll.md                                       | 2 +-
 src/pages/contact-success.html                              | 4 ++--
 src/pages/contact.md                                        | 2 +-
 src/pages/feeds.md                                          | 2 +-
 src/pages/now.html                                          | 4 ++--
 src/pages/referrals.md                                      | 2 +-
 src/pages/tagList.md                                        | 2 +-
 src/pages/uses.md                                           | 2 +-
 src/pages/webrings.md                                       | 2 +-
 src/posts/2023/building-my-now-page-using-eleventy.md       | 6 +++---
 ...laying-listening-data-from-apple-music-using-musickit.md | 4 ++--
 src/posts/2023/drying-up-now-page-templates-eleventy.md     | 2 +-
 .../2023/from-ics-to-json-surfacing-anticipated-albums.md   | 2 +-
 src/posts/2023/now-page-update-matter-favorites.md          | 2 +-
 .../2023/popular-posts-widget-using-eleventy-plausible.md   | 2 +-
 src/posts/2023/webmentions-in-eleventy.md                   | 6 +++---
 33 files changed, 43 insertions(+), 48 deletions(-)

diff --git a/src/_includes/partials/header.liquid b/src/_includes/partials/header.liquid
index 9b83c572..5e07214f 100644
--- a/src/_includes/partials/header.liquid
+++ b/src/_includes/partials/header.liquid
@@ -1,6 +1,6 @@
 <div class="flex flex-col md:flex-row md:items-center md:justify-between pt-5 md:pt-10">
   <h1 class="text-2xl md:text-3xl font-black leading-tight pb-5 md:pb-0">
-    <a class="text-gray-700 dark:text-gray-200" href="/">{{ meta.siteName }}</a>
+    <a class="text-gray-700 dark:text-white" href="/">{{ meta.siteName }}</a>
   </h1>
   {% render "partials/nav/menu.liquid", page: page, nav: nav %}
 </div>
\ No newline at end of file
diff --git a/src/_includes/partials/nav/link.liquid b/src/_includes/partials/nav/link.liquid
index fe970bdf..9c119d83 100644
--- a/src/_includes/partials/nav/link.liquid
+++ b/src/_includes/partials/nav/link.liquid
@@ -1,6 +1,6 @@
 {%- capture pageUrl %}/{{ link | downcase }}/{% endcapture -%}
 {% if page.url != pageUrl %}
-  <a class="text-gray-700 hover:text-blue-800 dark:text-gray-200 dark:hover:text-blue-200 !no-underline" href="/{{ link | downcase }}">
+  <a class="text-gray-700 hover:text-blue-800 dark:text-white dark:hover:text-blue-200 !no-underline" href="/{{ link | downcase }}">
     {% if icon %}
       {% tablericon icon link %}
     {% else %}
diff --git a/src/_includes/partials/now/albumReleases.liquid b/src/_includes/partials/now/albumReleases.liquid
index 40b1dd63..91d8c47e 100644
--- a/src/_includes/partials/now/albumReleases.liquid
+++ b/src/_includes/partials/now/albumReleases.liquid
@@ -1,5 +1,5 @@
 {% if albumReleases.size > 0 %}
-  <h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
+  <h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-8 mb-4">
     {% tablericon "calendar-time" "Anticipated albums" %}
     Anticipated albums
   </h2>
diff --git a/src/_includes/partials/now/links.liquid b/src/_includes/partials/now/links.liquid
index b71109fe..e796dab1 100644
--- a/src/_includes/partials/now/links.liquid
+++ b/src/_includes/partials/now/links.liquid
@@ -1,5 +1,5 @@
 {% if links.size > 0 %}
-  <h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
+  <h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-8 mb-4">
     {% tablericon "link" "Links" %}
     Links
   </h2>
diff --git a/src/_includes/partials/now/media-grid.liquid b/src/_includes/partials/now/media-grid.liquid
index 8c8cd4ae..111d5927 100644
--- a/src/_includes/partials/now/media-grid.liquid
+++ b/src/_includes/partials/now/media-grid.liquid
@@ -1,6 +1,6 @@
 {% if data.size > 0 %}
   {% assign media = data | normalizeMedia %}
-  <h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
+  <h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-8 mb-4">
     {% tablericon icon title %}
     {{ title }}
   </h2>
diff --git a/src/_includes/partials/now/topper.liquid b/src/_includes/partials/now/topper.liquid
index e45531d2..bedc984b 100644
--- a/src/_includes/partials/now/topper.liquid
+++ b/src/_includes/partials/now/topper.liquid
@@ -1,6 +1,6 @@
 <div class="border-b border-gray-200 dark:border-gray-700 mb-8 pb-8">
   <h2 class="m-0 mb-4 inline">
-    <a class="text-gray-700 dark:text-gray-200 text-xl font-black leading-tight tracking-normal md:text-2xl no-underline not-prose" href="/now">
+    <a class="text-gray-700 dark:text-white text-xl font-black leading-tight tracking-normal md:text-2xl no-underline not-prose" href="/now">
       Now
     </a>
   </h2>
diff --git a/src/_includes/partials/popular-posts.liquid b/src/_includes/partials/popular-posts.liquid
index 59613026..72ded891 100644
--- a/src/_includes/partials/popular-posts.liquid
+++ b/src/_includes/partials/popular-posts.liquid
@@ -1,6 +1,6 @@
 {% assign posts = posts | getPopularPosts: analytics %}
 <div class="not-prose">
-  <h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:inline icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
+  <h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:inline icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-8 mb-4">
     {% tablericon "flame" "Popular" %}
     Popular posts
   </h2>
diff --git a/src/_includes/partials/webmentions/comments.liquid b/src/_includes/partials/webmentions/comments.liquid
index 37885477..4ba11c52 100644
--- a/src/_includes/partials/webmentions/comments.liquid
+++ b/src/_includes/partials/webmentions/comments.liquid
@@ -1,5 +1,5 @@
 {% if mentions['in-reply-to'].size > 0 %}
-  <h2 class="text-lg md:text-xl font-black leading-tight dark:text-gray-200">Comments</h2>
+  <h2 class="text-lg md:text-xl font-black leading-tight dark:text-white">Comments</h2>
   <div class="mt-4 mb-4 flex flex-col items-center not-prose">
     {% for mention in mentions['in-reply-to'] %}
       <div class="border-bottom flex flex-row items-center border-gray-100 pb-4 w-full">
@@ -10,7 +10,7 @@
             </div>
           </a>
           <div class="ml-3">
-            <a class="text-gray-700 dark:text-gray-200" href={{mention.url}}>
+            <a class="text-gray-700 dark:text-white" href={{mention.url}}>
               <p class="text-sm group-hover:text-blue-800 dark:group-hover:text-blue-200">{{ mention.content.text }}</p>
               <p class="mt-1 text-xs group-hover:text-blue-800 dark:group-hover:text-blue-200">{{ mention.published | isoDateOnly }}</p>
             </a>
diff --git a/src/_includes/partials/webmentions/interaction.liquid b/src/_includes/partials/webmentions/interaction.liquid
index 2b98e628..0413ccb0 100644
--- a/src/_includes/partials/webmentions/interaction.liquid
+++ b/src/_includes/partials/webmentions/interaction.liquid
@@ -6,7 +6,7 @@
   {% endif %}
 {% endcapture -%}
 {% if mentions[type].size > 0 %}
-  <h2 class="text-lg md:text-xl font-black leading-tight dark:text-gray-200">{{ title }}</h2>
+  <h2 class="text-lg md:text-xl font-black leading-tight dark:text-white">{{ title }}</h2>
   <div class="flex flex-row items-center mt-4 mb-6">
     <ul class="ml-3 flex flex-row flex-wrap">
       {% for mention in mentions[type] %}
diff --git a/src/_includes/partials/webmentions/links.liquid b/src/_includes/partials/webmentions/links.liquid
index 06988c10..5d1f85b4 100644
--- a/src/_includes/partials/webmentions/links.liquid
+++ b/src/_includes/partials/webmentions/links.liquid
@@ -1,5 +1,5 @@
 {% if mentions['link-to'].size > 0 %}
-  <h2 class="text-lg md:text-xl font-black leading-tight dark:text-gray-200">Links</h2>
+  <h2 class="text-lg md:text-xl font-black leading-tight dark:text-white">Links</h2>
   <div class="mt-2.5 flex flex-col not-prose">
     <ul class="list-inside list-disc pl-5 md:pl-10">
       {% for mention in mentions['link-to'] %}
diff --git a/src/_includes/post.liquid b/src/_includes/post.liquid
index 485070ac..d213f964 100644
--- a/src/_includes/post.liquid
+++ b/src/_includes/post.liquid
@@ -6,13 +6,13 @@ schema: blog
 <article class="h-entry" data-pagefind-body>
   {% if link %}
     <a class="no-underline" href="{{ link }}">
-      <h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold p-name m-0 text-xl font-black leading-tight tracking-normal hover:text-blue-800 text-gray-800 dark:text-gray-200 dark:hover:text-blue-200 md:text-2xl ease-in-out duration-300 pt-8" data-pagefind-meta="title">
+      <h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold p-name m-0 text-xl font-black leading-tight tracking-normal hover:text-blue-800 text-gray-800 dark:text-white dark:hover:text-blue-200 md:text-2xl ease-in-out duration-300 pt-8" data-pagefind-meta="title">
         {% tablericon 'link' title %}
         {{ title }}
       </h2>
     </a>
   {% else %}
-    <h2 class="p-name text-xl md:text-2xl font-black leading-tight dark:text-gray-200 pt-8" data-pagefind-meta="title">{{ title }}</h2>
+    <h2 class="p-name text-xl md:text-2xl font-black leading-tight dark:text-white pt-8" data-pagefind-meta="title">{{ title }}</h2>
   {% endif %}
   <span class="p-author h-card hidden">{{ meta.author }}</span>
   <time class="mt-2 mb-6 block text-sm dt-published" datetime="{{ date }}">{{ date | readableDate }}</time>
diff --git a/src/_includes/webrings/css-joy.liquid b/src/_includes/webrings/css-joy.liquid
index 0c31bed1..9f953c8a 100644
--- a/src/_includes/webrings/css-joy.liquid
+++ b/src/_includes/webrings/css-joy.liquid
@@ -1,6 +1,6 @@
 <div class="mb-4">
   <a class="no-underline" href="https://cs.sjoy.lol">
-    <h3 class="m-0 text-xl font-bold leading-tight tracking-normal dark:text-gray-200 md:text-2xl mb-6 text-center">
+    <h3 class="m-0 text-xl font-bold leading-tight tracking-normal dark:text-white md:text-2xl mb-6 text-center">
       CSS JOY Webring
     </h3>
   </a>
diff --git a/src/_includes/webrings/the-claw.liquid b/src/_includes/webrings/the-claw.liquid
index ae6f5138..88f4ea1c 100644
--- a/src/_includes/webrings/the-claw.liquid
+++ b/src/_includes/webrings/the-claw.liquid
@@ -2,7 +2,7 @@
   <div class="w-full flex justify-center">
     {% image './src/assets/img/webrings/theclaw.png', 'The Claw Webring' %}
   </div>
-  <h3 class="m-0 text-xl font-bold leading-tight tracking-normal dark:text-gray-200 md:text-2xl mb-6 text-center">
+  <h3 class="m-0 text-xl font-bold leading-tight tracking-normal dark:text-white md:text-2xl mb-6 text-center">
     The Claw Webring
   </h3>
   <div class="flex justify-center">
diff --git a/src/assets/styles/tailwind.css b/src/assets/styles/tailwind.css
index 714ce2d7..073db387 100644
--- a/src/assets/styles/tailwind.css
+++ b/src/assets/styles/tailwind.css
@@ -2355,11 +2355,6 @@ pre {
     color: rgb(243 244 246 / var(--tw-text-opacity));
   }
 
-  .dark\:text-gray-200 {
-    --tw-text-opacity: 1;
-    color: rgb(229 231 235 / var(--tw-text-opacity));
-  }
-
   .dark\:text-gray-900 {
     --tw-text-opacity: 1;
     color: rgb(17 24 39 / var(--tw-text-opacity));
diff --git a/src/index.html b/src/index.html
index 47431a7d..c871d10e 100644
--- a/src/index.html
+++ b/src/index.html
@@ -29,13 +29,13 @@ meta:
   >
     <a class="no-underline" href="{% if post.data.link %}{{ post.data.link }}{% else %}{{ post.url }}{% endif %}">
       {% if post.data.link %}
-        <h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold p-name m-0 text-xl font-black leading-tight tracking-normal hover:text-blue-800 dark:text-gray-200 dark:hover:text-blue-200 md:text-2xl ease-in-out duration-300">
+        <h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold p-name m-0 text-xl font-black leading-tight tracking-normal hover:text-blue-800 dark:text-white dark:hover:text-blue-200 md:text-2xl ease-in-out duration-300">
           {% tablericon 'link' post.data.title %}
           {{ post.data.title }}
         </h2>
       {% else %}
         <h2
-          class="p-name m-0 text-xl font-black leading-tight tracking-normal hover:text-blue-800 dark:text-gray-200 dark:hover:text-blue-200 md:text-2xl ease-in-out duration-300"
+          class="p-name m-0 text-xl font-black leading-tight tracking-normal hover:text-blue-800 dark:text-white dark:hover:text-blue-200 md:text-2xl ease-in-out duration-300"
         >
           {{ post.data.title }}
         </h2>
diff --git a/src/pages/404.html b/src/pages/404.html
index 571853b8..01807a82 100644
--- a/src/pages/404.html
+++ b/src/pages/404.html
@@ -7,12 +7,12 @@ permalink: /404.html
 {% image './src/assets/img/404.jpg', title, 'border border-blue-600 dark:border-blue-400 rounded-lg overflow-hidden [&>*]:w-full' %}
 <div class="text-center w-full">
   <h2
-    class="m-0 text-4xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-6xl mb-4"
+    class="m-0 text-4xl font-black leading-tight tracking-normal dark:text-white md:text-6xl mb-4"
   >
     {{ title }}
   </h2>
   <h3
-    class="m-0 text-xl font-bold leading-tight tracking-normal dark:text-gray-200 md:text-2xl mb-6"
+    class="m-0 text-xl font-bold leading-tight tracking-normal dark:text-white md:text-2xl mb-6"
   >
     What kind of idiots do you have working here?
   </h3>
diff --git a/src/pages/about.md b/src/pages/about.md
index 99edda19..2323c8eb 100644
--- a/src/pages/about.md
+++ b/src/pages/about.md
@@ -10,7 +10,7 @@ permalink: /about.html
     {% image './src/assets/img/avatar.webp', about_alt %}
   </div>
 </div>
-<h1 class="text-xxl font-black -leading-tight tracking-normal dark:text-gray-200 md:text-3xl text-center">Hi, I'm Cory</h1>
+<h1 class="text-xxl font-black -leading-tight tracking-normal dark:text-white md:text-3xl text-center">Hi, I'm Cory</h1>
 
 I'm a software developer in Camarillo, California. I enjoy hanging out with my beautiful family and 4 rescue dogs, technology, automation, [music](https://last.fm/user/coryd_), writing, [reading](https://app.thestorygraph.com/profile/coryd), [tv](https://trakt.tv/users/cdransf) and [movies](https://trakt.tv/users/cdransf).
 
diff --git a/src/pages/blogroll.md b/src/pages/blogroll.md
index a7f7a8e1..f4da4035 100644
--- a/src/pages/blogroll.md
+++ b/src/pages/blogroll.md
@@ -6,7 +6,7 @@ description: 'These are awesome blogs that I enjoy and you may enjoy too.'
 ---
 
 <h2
-  class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mb-2"
+  class="m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mb-2"
 >
   {{ title }}
 </h2>
diff --git a/src/pages/contact-success.html b/src/pages/contact-success.html
index 56ea99c1..120a5976 100644
--- a/src/pages/contact-success.html
+++ b/src/pages/contact-success.html
@@ -6,12 +6,12 @@ permalink: /contact/success.html
 
 <div class="text-center w-full">
   <h2
-    class="m-0 text-4xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-6xl mb-4"
+    class="m-0 text-4xl font-black leading-tight tracking-normal dark:text-white md:text-6xl mb-4"
   >
     {{ title }}
   </h2>
   <h3
-    class="m-0 text-xl font-bold leading-tight tracking-normal dark:text-gray-200 md:text-2xl mb-6"
+    class="m-0 text-xl font-bold leading-tight tracking-normal dark:text-white md:text-2xl mb-6"
   >
     I'll be in touch soon!
   </h3>
diff --git a/src/pages/contact.md b/src/pages/contact.md
index 864bd9f7..3815bc94 100644
--- a/src/pages/contact.md
+++ b/src/pages/contact.md
@@ -6,7 +6,7 @@ description: 'How to contact me.'
 ---
 
 <h2
-  class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mb-2"
+  class="m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mb-2"
 >
   {{ title }}
 </h2>
diff --git a/src/pages/feeds.md b/src/pages/feeds.md
index 9e186b93..17aec7cb 100644
--- a/src/pages/feeds.md
+++ b/src/pages/feeds.md
@@ -6,7 +6,7 @@ description: 'Content feeds exposed by and generated from my site.'
 ---
 
 <h2
-class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mb-2"
+class="m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mb-2"
 >
 {{ title }}
 </h2>
diff --git a/src/pages/now.html b/src/pages/now.html
index 29fe433d..8b77060a 100644
--- a/src/pages/now.html
+++ b/src/pages/now.html
@@ -4,7 +4,7 @@ layout: now
 permalink: /now.html
 description: "See what I'm doing now."
 ---
-<h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
+<h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-8 mb-4">
   {% tablericon "clock-heart" "Currently" %}
   Currently
 </h2>
@@ -19,7 +19,7 @@ description: "See what I'm doing now."
     Rooting for the <a href="https://lakers.com">Lakers</a>. 💜💛
   </p>
 </div>
-<h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
+<h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-8 mb-4">
   {% tablericon "terminal-2" "Making" %}
   Making
 </h2>
diff --git a/src/pages/referrals.md b/src/pages/referrals.md
index 8ea27028..812b7173 100644
--- a/src/pages/referrals.md
+++ b/src/pages/referrals.md
@@ -6,7 +6,7 @@ description: 'Referral links for services that I use.'
 ---
 
 <h2
-  class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mb-2"
+  class="m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mb-2"
 >
   {{ title }}
 </h2>
diff --git a/src/pages/tagList.md b/src/pages/tagList.md
index d1976ba1..3bf5938c 100644
--- a/src/pages/tagList.md
+++ b/src/pages/tagList.md
@@ -14,7 +14,7 @@ templateEngineOverride: liquid,md
 <div class="mb-8 border-b border-gray-200 pb-4 dark:border-gray-700">
   <a class="!no-underline" href="{{ post.url }}">
     <h2
-      class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl"
+      class="m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl"
     >
       {{ post.data.title }}
     </h2>
diff --git a/src/pages/uses.md b/src/pages/uses.md
index 770552aa..38b1ac72 100644
--- a/src/pages/uses.md
+++ b/src/pages/uses.md
@@ -7,7 +7,7 @@ image: https://coryd.dev/assets/img/pages/uses.jpg
 ---
 
 <h2
-  class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mb-2"
+  class="m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mb-2"
 >
   {{ title }}
 </h2>
diff --git a/src/pages/webrings.md b/src/pages/webrings.md
index ca93c4d1..0d20d1f3 100644
--- a/src/pages/webrings.md
+++ b/src/pages/webrings.md
@@ -6,7 +6,7 @@ description: "Webrings are awesome! These are the ones I'm a member of."
 ---
 
 <h2
-class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mb-2"
+class="m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mb-2"
 >
 {{ title }}
 </h2>
diff --git a/src/posts/2023/building-my-now-page-using-eleventy.md b/src/posts/2023/building-my-now-page-using-eleventy.md
index 5e27bc28..45a889d0 100644
--- a/src/posts/2023/building-my-now-page-using-eleventy.md
+++ b/src/posts/2023/building-my-now-page-using-eleventy.md
@@ -48,7 +48,7 @@ The **Listening: albums** call is quite similar, swapping the `user.gettopartist
 ```liquid
 {% if artists %}
     <h2
-        class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4"
+        class="m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-8 mb-4"
     >
         Listening: artists
     </h2>
@@ -98,7 +98,7 @@ These images are all cropped to `350x350` and hosted over on <a href="https://bu
 ```liquid
 {% if albums %}
     <h2
-        class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4"
+        class="m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-8 mb-4"
     >
         Listening: albums
     </h2>
@@ -167,7 +167,7 @@ Rather than dealing with an API that returns JSON, I'm transforming the RSS feed
 ```liquid
 {% if books %}
     <h2
-        class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-6 mb-4"
+        class="m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-6 mb-4"
     >
         Reading
     </h2>
diff --git a/src/posts/2023/displaying-listening-data-from-apple-music-using-musickit.md b/src/posts/2023/displaying-listening-data-from-apple-music-using-musickit.md
index 99e387cd..579ba72a 100644
--- a/src/posts/2023/displaying-listening-data-from-apple-music-using-musickit.md
+++ b/src/posts/2023/displaying-listening-data-from-apple-music-using-musickit.md
@@ -153,7 +153,7 @@ The templating for my site is all written in [liquid.js](https://liquidjs.com) a
 
 ```liquid
 {% if recentTracks.size > 0 %}
-  <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 [&>svg]:h-7 [&>svg]:w-7">
+  <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-8 mb-4 [&>svg]:h-7 [&>svg]:w-7">
     {% tablericon "microphone" "Artists" %}
     <div class="ml-1">Artists</div>
   </h2>
@@ -177,7 +177,7 @@ The templating for my site is all written in [liquid.js](https://liquidjs.com) a
   </div>
 {% endif %}
 {% if recentTracks.size > 0 %}
-  <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 [&>svg]:h-7 [&>svg]:w-7">
+  <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-8 mb-4 [&>svg]:h-7 [&>svg]:w-7">
     {% tablericon "musical-note" "Albums" %}
     <div class="ml-1">Albums</div>
   </h2>
diff --git a/src/posts/2023/drying-up-now-page-templates-eleventy.md b/src/posts/2023/drying-up-now-page-templates-eleventy.md
index 3635fedf..3449896d 100644
--- a/src/posts/2023/drying-up-now-page-templates-eleventy.md
+++ b/src/posts/2023/drying-up-now-page-templates-eleventy.md
@@ -18,7 +18,7 @@ If you want to skip all the reading, the diff for this [is here](https://github.
 ```liquid
 {% if data.size > 0 %}
   {% assign media = data | normalizeMedia %}
-  <h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 [&>svg]:h-7 [&>svg]:w-7">
+  <h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-8 mb-4 [&>svg]:h-7 [&>svg]:w-7">
     {% tablericon icon title %}
     <div class="ml-1">{{ title }}</div>
   </h2>
diff --git a/src/posts/2023/from-ics-to-json-surfacing-anticipated-albums.md b/src/posts/2023/from-ics-to-json-surfacing-anticipated-albums.md
index 16e716ed..4e56755c 100644
--- a/src/posts/2023/from-ics-to-json-surfacing-anticipated-albums.md
+++ b/src/posts/2023/from-ics-to-json-surfacing-anticipated-albums.md
@@ -47,7 +47,7 @@ Rendering the output is as simple as:
 
 ```liquid
 {% if albumReleases.size > 0 %}
-  <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 [&>svg]:h-7 [&>svg]:w-7">
+  <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-8 mb-4 [&>svg]:h-7 [&>svg]:w-7">
     {% tablericon "calendar" "Albums I'm looking forward to" %}
     <div class="ml-1">Albums I'm looking forward to</div>
   </h2>
diff --git a/src/posts/2023/now-page-update-matter-favorites.md b/src/posts/2023/now-page-update-matter-favorites.md
index 02e8b7b4..433a50d1 100644
--- a/src/posts/2023/now-page-update-matter-favorites.md
+++ b/src/posts/2023/now-page-update-matter-favorites.md
@@ -34,7 +34,7 @@ By following Federico's steps we can obtain a bearer token to access the API whi
 
 ```liquid
 {% if articles %}
-    <h2 class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-6 mb-4">
+    <h2 class="m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-6 mb-4">
       Reading: favorite articles
     </h2>
     <div>
diff --git a/src/posts/2023/popular-posts-widget-using-eleventy-plausible.md b/src/posts/2023/popular-posts-widget-using-eleventy-plausible.md
index 92c56adf..cf3fd217 100644
--- a/src/posts/2023/popular-posts-widget-using-eleventy-plausible.md
+++ b/src/posts/2023/popular-posts-widget-using-eleventy-plausible.md
@@ -53,7 +53,7 @@ And rendered using a liquid template:
 ```liquid
 {% assign posts = posts | getPopularPosts: analytics %}
 <div class="not-prose">
-  <h2 class="[&>svg]:h-7 [&>svg]:w-7 [&>svg]:inline icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
+  <h2 class="[&>svg]:h-7 [&>svg]:w-7 [&>svg]:inline icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-8 mb-4">
     {% tablericon "fire" "Popular" %}
     Popular posts
   </h2>
diff --git a/src/posts/2023/webmentions-in-eleventy.md b/src/posts/2023/webmentions-in-eleventy.md
index 69b263f9..5842817a 100644
--- a/src/posts/2023/webmentions-in-eleventy.md
+++ b/src/posts/2023/webmentions-in-eleventy.md
@@ -71,7 +71,7 @@ When the build runs, it renders any mentions of a given post via a [liquid.js](h
     %}
     {% assign mentions = webmentions.mentions | webmentionsByUrl: page.url %}
     {% if mentions['repost-of'].size > 0 %}
-    <h2 class="text-lg md:text-xl font-black leading-tight dark:text-gray-200">Reposts</h2>
+    <h2 class="text-lg md:text-xl font-black leading-tight dark:text-white">Reposts</h2>
     <div class="flex flex-row items-center mt-4 mb-6">
         <ul class="ml-3 flex flex-row">
         {% for mention in mentions['repost-of'] %}
@@ -90,7 +90,7 @@ When the build runs, it renders any mentions of a given post via a [liquid.js](h
     </div>
     {% endif %}
     {% if mentions['like-of'].size > 0 %}
-    <h2 class="text-lg md:text-xl font-black leading-tight dark:text-gray-200">Likes</h2>
+    <h2 class="text-lg md:text-xl font-black leading-tight dark:text-white">Likes</h2>
     <div class="flex flex-row items-center mt-4 mb-6">
         <ul class="ml-3 flex flex-row">
         {% for mention in mentions['like-of'] %}
@@ -109,7 +109,7 @@ When the build runs, it renders any mentions of a given post via a [liquid.js](h
     </div>
     {% endif %}
     {% if mentions['in-reply-to'].size > 0 %}
-    <h2 class="text-lg md:text-xl font-black leading-tight dark:text-gray-200">Comments</h2>
+    <h2 class="text-lg md:text-xl font-black leading-tight dark:text-white">Comments</h2>
     <div class="mt-4 flex flex-col items-center not-prose">
         {% for mention in mentions['in-reply-to'] %}
         <div class="border-bottom flex flex-row items-center border-gray-100 pb-4 w-full">