fix: Better coloring for section headers (fixes #467)

Author: linkdotnet

src/LinkDotNet.Blog.Web/Features/Admin/BlogPostEditor/Components/CreateNewBlogPost.razor

@@ -19,7 +19,7 @@
             <div class="d-flex justify-content-between align-items-center mb-4">
                 <h2 class="fw-bold text-primary mb-0">@Title</h2>
                 <div class="d-flex gap-2">
-                    <span class="badge text-dark px-3 py-2 fw-medium">
+                    <span class="badge text-body-secondary px-3 py-2 fw-medium">
                         @GetStatusText()
                     </span>
                     @if (model.IsDirty)
@@ -55,7 +55,7 @@
                                 </div>
 
                                 <div class="p-4 border-bottom">
-                                    <label class="form-label fw-bold text-dark mb-3">Short Description</label>
+                                    <label class="form-label fw-bold mb-3">Short Description</label>
                                     <MarkdownTextArea Id="short" Class="form-control border-0 shadow-none"
                                                       Rows="4" Placeholder="Write a compelling summary..."
                                                       @bind-Value="@model.ShortDescription"
@@ -64,7 +64,7 @@
                                 </div>
 
                                 <div class="p-4 position-relative">
-                                    <label class="form-label fw-bold text-dark mb-3">
+                                    <label class="form-label fw-bold mb-3">
                                         Content                        <span class="badge bg-secondary ms-2 fw-medium">@ReadingTimeCalculator.GetWordCount(model.Content) words</span>
                         <span class="badge bg-info ms-1 fw-medium">~@GetEstimatedReadTime() min read</span>
                                     </label>

src/LinkDotNet.Blog.Web/Features/ShowBlogPost/Components/SimilarBlogPostSection.razor

@@ -23,8 +23,8 @@
                                     <div class="col-2 col-sm-1">
                                         @if (!string.IsNullOrEmpty(post.PreviewImageUrl))
                                         {
-                                            <img src="@post.PreviewImageUrl" 
-                                                 alt="@post.Title" 
+                                            <img src="@post.PreviewImageUrl"
+                                                 alt="@post.Title"
                                                  class="img-fluid rounded w-100 aspect-ratio-1x1"
                                                  loading="lazy"
                                                  onerror="this.onerror=null; this.src='@(post.PreviewImageUrlFallback ?? "assets/image-placeholder.webp")';">
@@ -42,7 +42,7 @@
                                             <p class="mb-1 small text-body-secondary">
                                                 @MarkdownConverter.ToPlainString(post.ShortDescription)
                                             </p>
-                                            <div class="text-dark-emphasis d-flex flex-wrap gap-2 mt-1">
+                                            <div class="text-body-secondary d-flex flex-wrap gap-2 mt-1">
                                                 <div class="me-2">
                                                     <span class="date"></span>
                                                     <span class="ms-1">@post.UpdatedDate.ToShortDateString()</span>

src/LinkDotNet.Blog.Web/Features/ShowBlogPost/ShowBlogPostPage.razor

@@ -46,7 +46,7 @@ else if (BlogPost is not null)
 			<div class="blog-inner-content">
 				<header class="text-center">
 					<h1 class="fw-bold">@BlogPost.Title</h1></header>
-				<div class="text-dark-emphasis d-flex flex-wrap align-items-center gap-3 meta-info">
+				<div class="text-body-secondary d-flex flex-wrap align-items-center gap-3 meta-info">
 					<div class="d-inline-flex align-items-center">
 						<span class="date me-1"></span>
 						<span>@BlogPost.UpdatedDate.ToShortDateString()</span>