fix: Dark mode

Author: linkdotnet

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

@@ -17,7 +17,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 bg-light text-dark px-3 py-2 fw-medium">
+                    <span class="badge text-dark px-3 py-2 fw-medium">
                         @GetStatusText()
                     </span>
                     @if (model.IsDirty)
@@ -37,7 +37,7 @@
         <div class="row g-4">
             <div class="col-lg-8">
                 <div class="card shadow-sm border-0 hover-shadow-lg transition">
-                    <div class="card-header bg-white border-bottom-0 py-3">
+                    <div class="card-header border-bottom-0 py-3">
                         <h5 class="card-title mb-0 text-primary">Content</h5>
                     </div>
                     <div class="card-body p-0">
@@ -109,7 +109,7 @@
 
                     <div class="col-lg-4">
                         <div class="card shadow-sm border-0 mb-4 hover-shadow-lg transition">
-                            <div class="card-header bg-white border-bottom-0 py-3">
+                            <div class="card-header border-bottom-0 py-3">
                                 <h6 class="card-title mb-0 text-primary">Quick Actions</h6>
                             </div>
                             <div class="card-body">
@@ -122,7 +122,7 @@
                         </div>
 
                         <div class="card shadow-sm border-0 mb-4 hover-shadow-lg transition">
-                            <div class="card-header bg-white border-bottom-0 py-3">
+                            <div class="card-header border-bottom-0 py-3">
                                 <h6 class="card-title mb-0 text-primary">Tags</h6>
                             </div>
                             <div class="card-body">
@@ -148,7 +148,7 @@
                         </div>
 
                         <div class="card shadow-sm border-0 mb-4 hover-shadow-lg transition">
-                            <div class="card-header bg-white border-bottom-0 py-3">
+                            <div class="card-header border-bottom-0 py-3">
                                 <h6 class="card-title mb-0 text-primary">Publishing & Visibility</h6>
                             </div>
                             <div class="card-body">
@@ -194,7 +194,7 @@
                         </div>
 
                         <div class="card shadow-sm border-0 mb-4 hover-shadow-lg transition">
-                            <div class="card-header bg-white border-bottom-0 py-3">
+                            <div class="card-header border-bottom-0 py-3">
                                 <h6 class="card-title mb-0 text-primary">Featured Image</h6>
                             </div>
                             <div class="card-body">
@@ -223,7 +223,7 @@
                         </div>
 
                         <div class="card shadow-sm border-0 hover-shadow-lg transition">
-                            <div class="card-header bg-white border-bottom-0 py-3">
+                            <div class="card-header border-bottom-0 py-3">
                                 <h6 class="card-title mb-0 text-primary">Cache Management</h6>
                             </div>
                             <div class="card-body">