codesandbox / codesandbox/codesandbox-client

Color Theme - Atom One Light - Error messages styling issues

Open
#6,673 3 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
13.6k
Forks
2.4k
Avg merge
6d 19h
Merged PRs (30d)
2

Description

🐛 bug report

Preflight Checklist

  • I have read the Contributing Guidelines for this project.
  • I agree to follow the Code of Conduct that this project
    adheres to.
  • I have searched the issue tracker for an issue that matches the one I want
    to file, without success.

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

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the problem in the linked CodeSandbox by selecting Atom One Light and running code, then inspect the console warning and error styling, including throw Error("test error"). Done means warning and error messages are readable and consistently themed in the console.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.