Blog auto listing

src/routes/blog/+layout.svelte

@@ -1,6 +1,10 @@
 <script lang="ts">
+import "./prism-one-dark.css";
+import Navbar from "$lib/components/Navbar.svelte";
 </script>
 
+<Navbar title="Блог"></Navbar>
+
 <article class="px-2 py-8 md:px-8 max-w-[980px] mx-auto text-lg">
   <slot />
 </article>
@@ -23,18 +27,16 @@
 }
 
 :global(pre, code) {
-  @apply rounded-lg border border-slate-500 bg-slate-900;
-}
-
-:global(pre) {
-  @apply p-6 my-6 overflow-auto;
+  @apply rounded-lg;
 }
 
 :global(pre code) {
-  @apply p-0 border-none;
+  @apply p-0;
 }
 
 :global(code) {
+  background: rgb(40, 44, 52);
+  color: rgb(209, 154, 102);
   @apply px-2 py-0.5;
 }
 </style>