fix: make error dialog link visible on white background (#1712)

* fix: make error dialog link visible on white background

ErrorLink was using `theme.palette.primary.contrastText` (white), which
is invisible on the dialog's white background. Changed to
`theme.palette.primary.main` so the link is visible.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Signed-off-by: Judy Lipinski <judy@karmoxie.com>

* use error color from theme

* add changelog entry

---------

Signed-off-by: Judy Lipinski <judy@karmoxie.com>
Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-authored-by: Thomas Neidhart <thomas.neidhart@eclipse-foundation.org>

Author: 3 people

webui/CHANGELOG.md

@@ -18,6 +18,7 @@ This change log covers only the frontend library (webui) of Open VSX.
 
 - Check `Retry-After` http header when receiving `429` responses from the server ([#1637](https://github.com/eclipse/openvsx/pull/1637))
 - Menu items link clicks now capture the whole menu item area ([#1598](https://github.com/eclipse/openvsx/pull/1598))
+- Fix color of error links in `ErrorDialog` to make them visible ([#1712](https://github.com/eclipse/openvsx/pull/1712))
 
 ### Dependencies
 

webui/src/components/error-dialog.tsx

@@ -8,14 +8,13 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import { FunctionComponent, ReactNode, useContext, useEffect } from 'react';
+import { FunctionComponent, ReactNode, useEffect } from 'react';
 import { Dialog, DialogTitle, DialogContent, Button, DialogContentText, DialogActions, Box, Link } from '@mui/material';
-import { MainContext } from '../context';
 import { styled, Theme } from '@mui/material/styles';
 
 const ErrorLink = styled(Link)(({ theme }: { theme: Theme }) => ({
     textDecoration: 'underline',
-    color: theme.palette.primary.contrastText
+    color: theme.palette.primary.main
 }));
 
 export const ErrorDialog: FunctionComponent<ErrorDialogProps> = props => {
@@ -62,14 +61,13 @@ export const ErrorDialog: FunctionComponent<ErrorDialogProps> = props => {
         }
     };
 
-    const context = useContext(MainContext);
     const codeContent = getContentForCode();
     return <Dialog
             open={props.isErrorDialogOpen}
             onClose={props.handleCloseDialog} >
         <DialogTitle>Error</DialogTitle>
         <DialogContent>
-            <DialogContentText sx={{ color: context.pageSettings.themeType === 'dark' ? '#ff849e' : '#c54a64' }}>
+            <DialogContentText sx={{ color: (theme) => theme.palette.error.main }}>
                 {props.errorMessage}
                 {
                     codeContent ?