Update code block styling

Author: ArthurFlag

.vscode/docker.code-snippets

@@ -39,6 +39,16 @@
     ],
     "description": "Insert a Hugo tabs block with two tabs and snippet stops for names and content",
   },
+  "Insert Hugo code block (no title)": {
+    "prefix": ["codeblock", "block"],
+    "body": ["```${1:json}", "$2", "```", ""],
+    "description": "Insert a Hugo code block with an optional title",
+  },
+  "Insert Hugo code block (with title)": {
+    "prefix": ["codeblock", "codettl", "block"],
+    "body": ["```${1:json} {title=\"$2\"}", "$3", "```", ""],
+    "description": "Insert a Hugo code block with an optional title",
+  },
   "Insert a Button": {
     "prefix": ["button"],
     "body": ["{{< button url=\"$1\" text=\"$2\" >}}"],

layouts/_default/_markup/render-codeblock.html

@@ -1,7 +1,7 @@
 <div data-pagefind-ignore class="scroll-mt-2" x-data x-ref="root">
   {{ with .Attributes.title }}
     <div
-      class="mb-0 rounded-sm bg-gray-100 p-2 text-sm text-gray-900 dark:bg-gray-900 dark:text-gray-200"
+      class="mb-0 rounded-sm border-1 border-b bg-gray-50 p-2 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-900 dark:text-gray-200"
     >
       {{ . }}
     </div>

package-lock.json

@@ -21,11 +21,11 @@
     "@material-symbols/svg-400": "^0.23.0",
     "@tailwindcss/cli": "^4.1.6",
     "@tailwindcss/nesting": "^0.0.0-insiders.565cd3e",
-    "@tailwindcss/typography": "^0.5.15",
     "alpinejs": "^3.14.3",
     "tailwindcss": "^4.1.6"
   },
   "devDependencies": {
+    "@tailwindcss/typography": "^0.5.16",
     "markdownlint": "^0.35.0",
     "prettier": "^3.3.3",
     "prettier-plugin-go-template": "^0.0.15",