style: change markdown style

Author: Xecades

src/assets/css/markdown.styl

@@ -6,7 +6,7 @@ dualr(--block-extend, -0.5rem, -1rem);
 
 schemer(--hr-color, lighten(black, 82%), lighten(black, 50%));
 schemer(--heading-color, lighten($text-color, 10%), darken($text-color-d, 7%));
-schemer(--bold-color, #8f6ce4, lighten(#8f6ce4, 10%));
+schemer(--bold-color, darken($theme-color, 20%), $theme-color);
 
 schemer(--checkbox-background, none, #cecece);
 schemer(--checkbox-background-checked, #56a0ef, #2f77c4);
@@ -330,6 +330,7 @@ schemer(--quote-background-invert, 0, 1);
         a
             color: unset;
             opacity: 0.8;
+            text-decoration: none;
 
             &:hover
                 color: var(--color);
@@ -356,6 +357,7 @@ schemer(--quote-background-invert, 0, 1);
         .fold-height-listener
             a
                 color: unset;
+                text-decoration: none;
 
                 &:hover
                     color: var(--color);

src/components/md/Anchor.vue

@@ -18,10 +18,16 @@ const is_internal: boolean = !props.href.startsWith("http");
 a
     scheme(--color, $theme-color, lighten($theme-color, 10%));
     scheme(--hover-color, darken($theme-color, 45%), darken($theme-color, 20%));
+    scheme(--hover-underline-color, darken($theme-color, 30%), darken($theme-color, 20%));
 
     color: var(--color);
     transition: color 0.07s;
+    text-decoration: underline;
+    text-underline-offset: 3px;
+    text-decoration-style: dashed;
 
     &:hover
         color: var(--hover-color);
+        text-decoration-style: solid;
+        text-decoration-color: var(--hover-underline-color);
 </style>