codesandbox / codesandbox-client

An online IDE for rapid web development
https://codesandbox.io
Other
12.96k stars 2.26k forks source link

Color Theme - Atom One Light - Error messages styling issues #6673

Open timagixe opened 2 years ago

timagixe commented 2 years ago

🐛 bug report

Preflight Checklist

Description of the problem

Warning and error messages looks creepy ugly and are not readable in console for Atom One Light color theme.

How has this issue affected you? What are you trying to accomplish?

Error messages are difficult to read.

To Reproduce

  1. Open sandbox in anonymous tab
  2. Change Color Theme to Atom One Light
  3. Run code
  4. Open console and observer warning and error message with different styling than color theming
  5. Type in console throw Error("test error") and observe not readable error message at all
Screenshots Screen Shot 2022-05-05 at 9 18 31 AM Screen Shot 2022-05-05 at 9 18 25 AM

Link to sandbox: [link]() (optional)

https://codesandbox.io/s/optimistic-frost-bistzu?file=/src/index.js

Your Environment

Software Name/Version
Сodesandbox 060861cf8
Browser Chrome / Safari
Operating System MacOS
JamesACS commented 2 years ago

Hey @timagixe ,

I'm afraid I haven't been able to reproduce any illegible errors on our end. Please could you try clearing your cookies and browser cache in case this is a local issue?

timagixe commented 2 years ago

Hello @JamesACS, STR is already for an anonymous tab, and it is still reproducible for 68dcbf0a1. Please refer to a video below.

https://user-images.githubusercontent.com/60817786/168037365-f42c3ef9-6053-4cee-b178-4af17ecb45dd.mp4

JamesACS commented 2 years ago

Thanks @timagixe - I have managed to reproduce this now and have flagged it as a bug on our tracker