fix: set white tab hover color, show blog date in dark mode (#377)

Author: stasadev

src/components/BlogPostCard.astro

@@ -89,7 +89,7 @@ const firstCategory = post.data.categories.length
             {post.data.author}
           </a>
         </p>
-        <div class="flex space-x-1 text-sm text-gray-600">
+        <div class="flex space-x-1 text-sm text-gray-600 dark:text-gray-300">
           <time datetime={post.data.pubDate}
             >{formatDate(post.data.pubDate)}</time
           >

src/styles/global.css

@@ -132,6 +132,10 @@ input[type="radio"]:checked + label {
 .tab {
   @apply px-3 py-1 leading-none font-mono font-bold text-sm text-gray-500 hover:text-black;
 
+  &:hover {
+    @apply dark:text-white;
+  }
+
   span {
     @apply border-dotted border-b border-gray-400;
   }