Update AutoQuery.cshtml

Author: mythz

MyApp/Pages/AutoQuery.cshtml

@@ -86,9 +86,9 @@
             <div class="ml-2 text-xs font-medium text-slate-500">Bookings.cs</div>
           </div>
           <!-- Code Block -->
-          <div class="p-6 overflow-x-auto">
+          <div class="overflow-x-auto">
             <!-- Added !bg-transparent to pre/code to prevent double background colors -->
-            <pre class="!bg-transparent text-sm leading-6 text-slate-300 font-mono"><code><span class="text-yellow-300">[Route(</span><span class="text-green-300">"/bookings"</span><span class="text-yellow-300">)]</span>
+            <pre class="!bg-transparent text-sm leading-6 text-slate-300 font-mono"><span class="text-slate-500"> // Create Queyrable APIs from just Request DTOs</span><code><span class="text-yellow-300">[Route(</span><span class="text-green-300">"/bookings"</span><span class="text-yellow-300">)]</span>
 <span class="text-purple-400">public class</span> <span class="text-yellow-300">SearchBookings</span> : <span class="text-blue-400">QueryDb</span>&lt;<span class="text-green-400">Booking</span>&gt;
 {
     <span class="text-purple-400">public</span> <span class="text-blue-400">string</span>? Name { <span class="text-purple-400">get</span>; <span class="text-purple-400">set</span>; }
@@ -191,6 +191,11 @@
 
 @await Html.PartialAsync("VideoIncludes")
 @await Html.PartialAsync("HighlightIncludes")
+<style>
+pre, .hljs, .prose :where(pre):not(:where([class~="not-prose"] *)) .hljs {
+  background-color: #0f172a !important;
+}
+</style>
 
 @await Html.PartialAsync("VideoGroup", new Shared.VideoGroup {
   Title = "AutoQuery",