feat: better date colors

src/pages/blog.astro

@@ -17,7 +17,7 @@ posts.sort((a, b) => new Date(b.data.pubDate).getTime() - new Date(a.data.pubDat
       <div style="margin-top: 1rem; margin-left: 1rem;">
         {posts.map((post) => (
           <p>
-            <span style="color: #d8d8d8">{new Date(post.data.pubDate).toISOString().split('T')[0]}</span>
+            <span class="list-date">{new Date(post.data.pubDate).toISOString().split('T')[0]}</span>
             <a href={`/post/${post.slug}`}>{post.data.title}</a>
           </p>
         ))}

src/pages/post/[...slug].astro

@@ -50,12 +50,4 @@ const cover = customFeaturedImage || matchedImage_src?.src || `/post/${slug}/fea
     <a href="/blog">&larr; Back to posts</a>
   </div>
 
-</Layout>
-<style>
-span.date {
-    color: #4c566a;
-    font-size: 0.9rem;
-    margin-bottom: 1.5rem;
-    display: block;
-}
-</style>
+</Layout>