javascript-tutorial / javascript-tutorial/en.javascript.info

[Bug] `console.log` output styling in interaction blocks

Open
#3,451 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
HTML
Stars
25.5k
Forks
4k
PR merge metrics
No merged PRs in 30d

Description

There's an issue with the styling configuration of the `console.log` output within the interaction blocks.

In light mode, the color of `var(--foregroundInverted)` is too similar to the background color, causing poor readability. This issue can be reproduced in the [Promise.any](https://javascript.info/promise-api#promise-any) example. Notably, this problem does not occur in dark mode.

image

Related issue: https://github.com/javascript-tutorial/zh.javascript.info/issues/1154

Contributor guide

No contributing guide indexed for this repository

Research direction

Reproduce the issue in the Promise.any example linked in the report, focusing on the console.log output within its interaction block. Inspect the styling configuration for the interaction output and verify that the foreground is readable in light mode while dark-mode appearance remains unchanged.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.