up

Author: Alexander Pavlov

contentlayer.config.ts

@@ -73,13 +73,13 @@ const Post = defineDocumentType(() => ({
 export default makeSource({
   contentDirPath: 'content',
   documentTypes: [Post],
-  mdx: {
+  markdown: {
     remarkPlugins: [remarkGfm, remarkToc ],
     rehypePlugins: [
       rehypeAutolinkHeadings,
       rehypeSlug,
-      rehypePrism,
-      rehypeCodeTitles
+      rehypeCodeTitles,
+      rehypePrism
     ]
   }
 })

styles/globals.css

@@ -389,3 +389,19 @@ input:-webkit-autofill:focus {
 .cm-theme * {
     font-size: 16px;
 }
+
+.rehype-code-title {
+  margin-bottom: -0.6rem;
+  padding: 0.5em 1em;
+  font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console',
+    'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono',
+    'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier,
+    monospace;
+
+  background-color: black;
+  color: white;
+  z-index: 0;
+
+  border-top-left-radius: 0.3em;
+  border-top-right-radius: 0.3em;
+}

styles/prism-atom-dark.css

@@ -68,7 +68,7 @@ pre[class*="language-"] {
 
 .token.class-name {
 	color: #FFFFB6;
-	text-decoration: underline;
+	text-decoration: none;
 }
 
 .token.boolean,