adobe / adobe/leonardo

Poor color contrast on leonardocolor.io when user prefers-color-scheme:dark

Open
#249 0 comments 1 reaction 0 assignees View on GitHub
Dominant language
JavaScript
Stars
2.1k
Forks
130
PR merge metrics
No merged PRs in 30d

Description

### Expected Behaviour

Good contrast on the website

### Actual Behaviour

Bad contrast on the website

### Reproduce Scenario (including but not limited to)

Visit https://leonardocolor.io/#

#### Steps to Reproduce
- scroll to **End-user personalization** heading
- Emulate `prefers-color-scheme:dark`
- observe the link is dark blue (-webkit-link, linkText, etc) on #1A1A1A

![CleanShot 2024-11-16 at 15 52 16](https://github.com/user-attachments/assets/118d756e-4cab-4a12-adf6-a444d7aaf410)

Contributor guide

Open the contributing guide

Research direction

Visit https://leonardocolor.io/#, emulate prefers-color-scheme:dark, and scroll to the End-user personalization heading to inspect the affected link. Identify where that link's dark-theme styling is defined and verify that the link has good contrast against #1A1A1A in the dark preference mode.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
accessibility, 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.