The issue was that links in the markdown view (used for user messages, tool outputs, etc.) were styled with text-primary, which resolves to the same color as the background or main text in some themes (effectively making them invisible or indistinguishable). I updated the WYSIWYGEditor configuration to use standard blue coloring for links in both light and dark modes. (#1418)
**Changes applied:**
1. **Modified `frontend/src/components/ui/wysiwyg.tsx`**:
- Updated the `theme.link` property to use `text-blue-600` (light mode) and `dark:text-blue-400` (dark mode).
- Added hover states `hover:text-blue-800` and `dark:hover:text-blue-300` for better interactivity.
This change ensures links are clearly visible and themed correctly in user messages and all other places where the `WYSIWYGEditor` is used for markdown rendering.
I verified the changes by running `pnpm run check`, which passed successfully.
This commit is contained in:
committed by
GitHub
parent
58aecc0377
commit
63423f970b
@@ -118,7 +118,7 @@ function WYSIWYGEditor({
|
||||
listitem: 'pl-4',
|
||||
},
|
||||
},
|
||||
link: 'text-primary underline underline-offset-2 cursor-pointer hover:text-primary/80',
|
||||
link: 'text-blue-600 dark:text-blue-400 underline underline-offset-2 cursor-pointer hover:text-blue-800 dark:hover:text-blue-300',
|
||||
text: {
|
||||
bold: 'font-semibold',
|
||||
italic: 'italic',
|
||||
|
||||
Reference in New Issue
Block a user