feat: new link style

- wavy underline
- normal text color instead of accent color
- hover style


Former-commit-id: 30fcc71a12db3be9ef756a1b6a4b8f9344bddf08

2 files changed, 10 insertions, 1 deletions

diff --git a/assets/css/_markdown.scss b/assets/css/_markdown.scss
index f7c99600..242197ba 100644
--- a/assets/css/_markdown.scss
+++ b/assets/css/_markdown.scss
@@ -15,7 +15,16 @@ $em-text-color: #889E73;
   // Nested styles for child elements
   a {
     text-decoration: underline;
+    text-decoration-style: wavy;
+    text-underline-offset: 0.25em;
+    text-decoration-color: $border-color;
     color: $link-color;
+
+    transition: text-decoration-color 0.1s ease-in-out;
+    &:hover {
+        text-decoration-color: $secondary-text-color;
+    }
+
     &.external-link::after {
         content: '';
         display: inline-block;
diff --git a/assets/css/utils/_variables.scss b/assets/css/utils/_variables.scss
index 72b37563..8bc58805 100644
--- a/assets/css/utils/_variables.scss
+++ b/assets/css/utils/_variables.scss
@@ -6,7 +6,7 @@
     --border-color: #d0d7de;
     --text-color: #1d1d1f;
     --secondary-text-color: #6e6e73;
-    --link-color: #277bd9;
+    --link-color: #313135;
     --bright-background-color: #fafafa;
 
     /* fonts */