diff --git a/apps/web/features/editor/content-editor.css b/apps/web/features/editor/content-editor.css index 0ed12232..b6e7ed16 100644 --- a/apps/web/features/editor/content-editor.css +++ b/apps/web/features/editor/content-editor.css @@ -287,14 +287,15 @@ /* Links */ .rich-text-editor a { - color: var(--primary); - text-decoration: none; + color: var(--brand); + text-decoration: underline; + text-decoration-color: color-mix(in srgb, var(--brand) 40%, transparent); + text-underline-offset: 2px; cursor: pointer; } .rich-text-editor a:hover { - text-decoration: underline; - text-underline-offset: 2px; + text-decoration-color: var(--brand); } /* Issue mention cards — inline cards that sit within text flow */ diff --git a/apps/web/features/editor/extensions/index.ts b/apps/web/features/editor/extensions/index.ts index 94c9bb00..b901b452 100644 --- a/apps/web/features/editor/extensions/index.ts +++ b/apps/web/features/editor/extensions/index.ts @@ -27,17 +27,11 @@ const LinkEditable = Link.extend({ inclusive: false }).configure({ openOnClick: true, autolink: true, linkOnPaste: false, - HTMLAttributes: { - class: "text-primary hover:underline cursor-pointer", - }, }); const LinkReadonly = Link.configure({ openOnClick: false, autolink: false, - HTMLAttributes: { - class: "text-primary hover:underline cursor-pointer", - }, }); const ImageExtension = Image.extend({