Skip to content

Feedback: Colour contrast used for function parameter type names is too harsh #940

Closed
nodejs/nodejs.org
#9031

Description

@frou

URL:

https://beta.docs.nodejs.org/util.html#utilparseargsconfig

Browser Name:

Chrome

Browser Version:

150.0.7871.125

Operating System:

macOS

How to reproduce the issue:

Hi there, the blog post (https://nodejs.org/en/blog/announcements/new-api-docs-beta) asked for feedback, so I'd just like to mention that I think the background colour used for function parameter type names is too harsh (i.e. the contrast with the white background is too high).

Look at the following example - For the reader, it is visually completely dominated by the type names:

Image

Activity

  1. added theissue type on Jul 25, 2026
  2. self-assigned this
    on Jul 25, 2026
  3. changed the issue type fromtoon Jul 25, 2026
  4. avivkeller commented on Jul 25, 2026

    @avivkeller
    Member

    I believe these contrasts were intentional cc @nodejs/web-infra

  5. AugustinMauroy commented on Jul 26, 2026

    @AugustinMauroy
    Member

    I believe these contrasts were intentional

    I didn't recall that. What I recall it's that the classic inline code wasn't clear on the super light green. But we can found an other color that fit better

  6. avivkeller commented on Jul 27, 2026

    @avivkeller
    Member

    Note: per a design decision, we will only use dark mode (Nord theme) of shiki, despite the screenshot and figma still displaying a light mode

    I found this reference on us not having a light mode

  7. egorFiNE commented on Jul 28, 2026

    @egorFiNE

    I have been reviewing the new docs and this is the one problem that immediately popped out. I'm using a light scheme and really don't want to look at dark pieces of code. These styles are definitely remnants of a dark theme.

  8. avivkeller commented on Jul 28, 2026

    @avivkeller
    Member

    How does nodejs/nodejs.org#9031 look?

  9. AugustinMauroy commented on Jul 29, 2026

    @AugustinMauroy
    Member

    you pr help but it's not solve the dark inline code in the signature table

  10. frou commented on Jul 30, 2026

    @frou
    Author

    Is it possible to see the original example (https://beta.docs.nodejs.org/util.html#utilparseargsconfig) somewhere with the new changes applied?

  11. avivkeller commented on Jul 30, 2026

    @avivkeller
    Member

    Sure!

    Image
  12. frou commented on Jul 31, 2026

    @frou
    Author

    @avivkeller Looks wonderful, thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions