From e47268bb8b0a6559527436e7b9d8e810c58b46f4 Mon Sep 17 00:00:00 2001
From: xiaodong zuo <zuoxd02@gmail.com>
Date: Fri, 12 Aug 2022 16:41:37 +0800
Subject: [PATCH 1/3] fix: link style issues

---
 libs/components/common/src/lib/text/plugins/link.tsx  | 11 ++++++-----
 .../editor-blocks/src/blocks/page/PageView.tsx        |  3 +++
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/libs/components/common/src/lib/text/plugins/link.tsx b/libs/components/common/src/lib/text/plugins/link.tsx
index 60193e38a0..5c1425460d 100644
--- a/libs/components/common/src/lib/text/plugins/link.tsx
+++ b/libs/components/common/src/lib/text/plugins/link.tsx
@@ -25,7 +25,6 @@ import { ReactEditor } from 'slate-react';
 import OpenInNewIcon from '@mui/icons-material/OpenInNew';
 import EditIcon from '@mui/icons-material/Edit';
 import LinkOffIcon from '@mui/icons-material/LinkOff';
-import AttachmentIcon from '@mui/icons-material/Attachment';
 import {
     MuiTooltip as Tooltip,
     styled,
@@ -39,7 +38,7 @@ import {
 
 import { getRandomString } from '../utils';
 import { colors } from '../../colors';
-
+import { LinkIcon } from '@toeverything/components/icons';
 export type LinkElement = {
     type: 'link';
     url: string;
@@ -124,7 +123,7 @@ const LinkStyledTooltip = styled(({ className, ...props }: MuiTooltipProps) => (
 ))(({ theme }) => ({
     [`& .${muiTooltipClasses.tooltip}`]: {
         backgroundColor: '#fff',
-        color: '#4C6275',
+        color: '#3E6FDB',
         boxShadow: theme.affine.shadows.shadow1,
         fontSize: '14px',
     },
@@ -419,8 +418,8 @@ export const LinkModal = memo((props: LinkModalProps) => {
                     }}
                 >
                     <div className={styles('linkModalContainerIcon')}>
-                        <AttachmentIcon
-                            style={{ color: colors.Gray04, fontSize: 16 }}
+                        <LinkIcon
+                            style={{ fontSize: '16px', marginTop: '2px' }}
                         />
                     </div>
                     <input
@@ -505,6 +504,7 @@ const LinkModalContainer = styled('div')(({ theme }) => ({
 
 const styles = style9.create({
     linkModalContainerIcon: {
+        display: 'flex',
         width: '16px',
         margin: '0 16px 0 4px',
     },
@@ -517,6 +517,7 @@ const styles = style9.create({
         '::-webkit-input-placeholder': {
             color: '#98acbd',
         },
+        color: '#4C6275',
     },
     linkMask: {
         position: 'fixed',
diff --git a/libs/components/editor-blocks/src/blocks/page/PageView.tsx b/libs/components/editor-blocks/src/blocks/page/PageView.tsx
index 64ea3c9536..4d5de824cf 100644
--- a/libs/components/editor-blocks/src/blocks/page/PageView.tsx
+++ b/libs/components/editor-blocks/src/blocks/page/PageView.tsx
@@ -119,5 +119,8 @@ const PageTitleBlock = styled('div')(({ theme }) => {
         '.content': {
             outline: 'none',
         },
+        a: {
+            color: '#3e6fdb',
+        },
     };
 });

From 174779bb28176b6b7ddca33c56a9329fdfd31334 Mon Sep 17 00:00:00 2001
From: xiaodong zuo <zuoxd02@gmail.com>
Date: Fri, 12 Aug 2022 16:49:17 +0800
Subject: [PATCH 2/3] fix: link style issues

---
 libs/components/common/src/lib/text/plugins/link.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/libs/components/common/src/lib/text/plugins/link.tsx b/libs/components/common/src/lib/text/plugins/link.tsx
index 5c1425460d..619239c64d 100644
--- a/libs/components/common/src/lib/text/plugins/link.tsx
+++ b/libs/components/common/src/lib/text/plugins/link.tsx
@@ -507,6 +507,7 @@ const styles = style9.create({
         display: 'flex',
         width: '16px',
         margin: '0 16px 0 4px',
+        color: '#4C6275',
     },
     linkModalContainerInput: {
         flex: '1',

From 06d4dbc99b5ed75523c136028482e25e367968c6 Mon Sep 17 00:00:00 2001
From: xiaodong zuo <zuoxd02@gmail.com>
Date: Fri, 12 Aug 2022 17:06:21 +0800
Subject: [PATCH 3/3] fix: link style issues

---
 libs/components/editor-blocks/src/blocks/page/PageView.tsx     | 3 ---
 .../editor-blocks/src/components/text-manage/TextManage.tsx    | 3 +++
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/libs/components/editor-blocks/src/blocks/page/PageView.tsx b/libs/components/editor-blocks/src/blocks/page/PageView.tsx
index 4d5de824cf..64ea3c9536 100644
--- a/libs/components/editor-blocks/src/blocks/page/PageView.tsx
+++ b/libs/components/editor-blocks/src/blocks/page/PageView.tsx
@@ -119,8 +119,5 @@ const PageTitleBlock = styled('div')(({ theme }) => {
         '.content': {
             outline: 'none',
         },
-        a: {
-            color: '#3e6fdb',
-        },
     };
 });
diff --git a/libs/components/editor-blocks/src/components/text-manage/TextManage.tsx b/libs/components/editor-blocks/src/components/text-manage/TextManage.tsx
index 99179220a9..f433c1fba9 100644
--- a/libs/components/editor-blocks/src/components/text-manage/TextManage.tsx
+++ b/libs/components/editor-blocks/src/components/text-manage/TextManage.tsx
@@ -42,6 +42,9 @@ const TextBlockContainer = styled(Text)(({ theme }) => ({
     fontFamily: theme.affine.typography.body1.fontFamily,
     color: theme.affine.typography.body1.color,
     letterSpacing: '0.1px',
+    a: {
+        color: '#3e6fdb',
+    },
 }));
 
 const findSlice = (arr: string[], p: string, q: string) => {