catppuccin / catppuccin/userstyles

DeepL: Multiple elements have poor contrast and unthemed

Open
#1,638 1 comment 5 reactions 0 assignees View on GitHub
0.kind: bug deepl
Dominant language
Less
Stars
1.1k
Forks
297
PR merge metrics
No merged PRs in 30d

Description

### Is there an existing issue outlining your problem?

- [x] I am using the latest version of the provided userstyle.
- [x] I have searched the existing issues and they do not solve my problem.

### What userstyles are you seeing the problem on?

lbl:deepl

### Describe your problem.

Multiple elements have possibly been changed into new tailwind values resulting in some of the elements having poor contrast including a few elements being unthemed.

### Attach screenshots.

Translator background and various buttons:

![Image](https://github.com/user-attachments/assets/8c7d1eea-26bb-4e8a-b27d-9780caf1c41b)
---
With the translator in use, disabled buttons have poor contrast; glossary border is unthemed:

![Image](https://github.com/user-attachments/assets/8efaddf5-8d6b-4e1a-b5ba-ae4bcab35dbf)
---
The border color of the right panel when targeted is unthemed; same problem with disabled buttons:

![Image](https://github.com/user-attachments/assets/5be9fed9-2ded-43b5-be23-ceb9f3ac3cc6)
---
Pop-up menu also having poor contrast issues:

![Image](https://github.com/user-attachments/assets/3398a1f2-196d-495a-a816-01313176c495)
---
Additional buttons near the footer:

![Image](https://github.com/user-attachments/assets/197f0560-88e5-4212-8f11-43f12027d230)

### What browser(s) are you seeing the problem on?

Brave v1.75.180 - Chromium 133.0.6943.126

### Any additional comments?

_No response_

Contributor guide

Open the contributing guide

Research direction

Start with the lbl:deepl userstyle and reproduce the reported contrast and unthemed-element problems in Brave v1.75.180. Check the translator, disabled buttons, glossary border, targeted right-panel border, pop-up menu, and footer buttons; done means these elements are themed and have adequate contrast.

Written by the indexing model from the issue text.

Assessment

Tech stack
tailwindcss
Domain
accessibility, design, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.