Skip to content

Poor color contrast in code blocks for Plotly JS Documentation #378

@questionlp

Description

@questionlp

The code blocks for each example in the Plotly JS documentation have very low color contrast between the code text and the block background. This is not very accessible and can cause eye strain when trying to read and understand the coding examples. Both light mode and dark mode have the same low contrast issue.

The code blocks for Plotly Python have better color contrast between the code text and the block background, but there is room for improvement.

Behavior is the same between Firefox and Chromium-based browsers. Below are screenshots comparing light and dark modes for both JavaScript and Python docs.

JavaScript

Page: https://plotly.com/javascript/box-plots/

Image Image

Python

Page: https://plotly.com/python/creating-and-updating-figures/

Image Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions