Text Visibility in Light Mode

[PATILYASHH]

Issue: Text Visibility in Light Mode

Description

In the light mode of our website, the text within modal or pop-up windows is not visible due to insufficient contrast between the text color and the background color. This makes it difficult for users to read the content and interact with the provided solutions effectively.

Steps to Reproduce

1. Open the website and switch to light mode.
2. Trigger any modal or pop-up window by clicking on the error tags (e.g., "push," "merge").
3. Observe that the text within the modal or pop-up window is not visible or is hard to read.

Expected Behavior

The text within the modal or pop-up windows should be clearly visible and easily readable in light mode, with sufficient contrast between the text color and the background color.

Screenshots

Suggested Solution

1. Change Text Color: Adjust the text color within the modal or pop-up windows to ensure it contrasts well with the background. For example, use a darker text color on a light background.
2. Adjust Background Color: Modify the background color of the modal or pop-up windows to be darker if the text is light, or vice versa.
3. Add Shadows or Borders: Adding shadows or borders around the modal can help it stand out against the background and improve text visibility.

[PATILYASHH]

please assign me for this issue

[devvsakib]

add border to solution btn as well

[PATILYASHH]

Got it

[PATILYASHH]

244 issue solved check the PR