feat: optimize link colors

Author: subframe7536

src/editor/link.scss

@@ -10,7 +10,7 @@
   background-image: linear-gradient(transparent, transparent),
     #{icon('arrow-up-right', '#ddd')};
 }
-:is(body, .print .markdown-rendered) {
+body {
   --link-color-rgb: var(--setting-link-internal-color, var(--color-cyan-rgb));
   --link-external-color-rgb: var(
     --setting-link-external-color,
@@ -31,7 +31,11 @@
     --setting-link-external-color-underline,
     var(--link-external-color)
   );
-  --link-unresolved-decoration-color: var(--link-unresolve-color);
+  --link-unresolved-color: rgba(
+    var(--link-color-rgb),
+    calc(var(--color-opacity) * 0.85)
+  );
+  --link-unresolved-decoration-color: var(--link-unresolved-color);
   --link-footnote: var(--color-purple);
   --link-text-size: var(--font-text-size);
 }

src/style-settings/editor.ts

@@ -394,6 +394,10 @@ export default Settings.create('maple-editor', 'Maple Editor').children([
           en: 'Add Icon Before Link',
           zh: '在链接前添加图标',
         },
+        desc: {
+          en: '❗The icon will be duplicated if the link text contains space or extra styles',
+          zh: '❗如果链接文本包含空格或额外样式，图标将会重复出现',
+        },
       },
       { enable: true },
     )