Update md headlines.

Author: nikoshell

astro.config.mjs

@@ -42,10 +42,7 @@ export default defineConfig({
       [
         rehypeAutolinkHeadings,
         {
-          behavior: "append",
-          content() {
-            return [h("span.heading-link", "#")];
-          },
+          behavior: "wrap",
         },
       ],
     ],

src/styles/global.css

@@ -52,6 +52,22 @@ body {
 
 .prose :is(h1, h2, h3, h4, h5, h6) a {
   text-decoration: none !important;
+  background-image: linear-gradient(45deg, #151f38, #7a7ebd);
+  color: transparent;
+  background-clip: text;
+  -webkit-background-clip: text;
+}
+
+.prose :is(h1, h2, h3, h4, h5, h6) a:hover {
+  text-decoration: underline !important;
+  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, text-decoration-thickness 0.2s;
+  color:#151f38;
+}
+
+
+.prose :is(h1, h2, h3, h4, h5, h6) a:focus {
+  outline: 4px solid #0073e6;
+  outline-offset: 5px;
 }
 
 ul.milestone-done li {