style: 调整超链接样式

修改超链接hover时颜色与工具栏保持一致超链接hover时增加下划线移除目录超链接hover的下划线修改目的：保持风格统一性，增强页面可读性和美观性
Tencent · Jul 14, 2024 · 487fd71 · 487fd71
1 parent 6b7bb04
commit 487fd71
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/sass/themes/default.scss b/src/sass/themes/default.scss
@@ -141,7 +141,9 @@
   }
 
   a {
-
+    &:hover {
+      text-decoration: underline;
+    }
   }
 
   strong {
@@ -239,6 +241,9 @@
 
     /** 目录 */
   .toc {
+    a:hover {
+      text-decoration: none;
+    }
     .toc-title {
 
     }

diff --git a/src/sass/variable.scss b/src/sass/variable.scss
@@ -15,7 +15,7 @@ $editorBg: #f8fafb;
 $previewBg: #f8fafb;
 $fontColor: #3f4a56;
 $linkColor: #3582fb;
-$linkHoverColor: #056bad;
+$linkHoverColor: #364fc7;
 $borderColor: #dfe6ee;
 $toolbarSplitColor: #dfe6ee;
 $fullWidthColor: #d71616;
@@ -66,7 +66,7 @@ $editorKeywordColor: $fontColor;
 
 // 工具栏
 // 暗色
-$toolbarBgDark: #364fc7;
+$toolbarBgDark: $linkHoverColor;
 $toolbarShadowDark: $shadow;
 $toolbarBtnBgDark: transparent;
 $toolbarBtnColorDark: #d7e6fe;