chore: text color consistency

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>

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] %}

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'] %}