catppuccin / catppuccin/userstyles
last.fm: low contrast header text color
- 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 have searched the existing issues and they do not solve my problem.
### What userstyle are you seeing the problem on?
lbl:lastfm
### Describe your problem.
the color of a last.fm profile's header text (username, display name, "scrobbling since" date, top track/obsession, tabs) is always the default catppuccin text color regardless of dark/light mode & browser window size. this isn't a problem if you're on dark mode or if the browser view is narrow like on a mobile phone screen (where the text is placed below the banner instead). but in light mode, on a desktop browser, the text ends up with very poor contrast with the banner it's laying on top of.
theoretically, this can be fixed by changing the text color depending on the width of the window (i.e. assign the base color to the text when the header is on top of the banner) but i don't have enough css knowhow to know whether this is possible.
### Attach screenshots.
### Browser version(s) this issue occurs on
firefox 149.0.2
### Stylus extension version
2.3.19
### Installed version of the userstyle
v2025.12.29
### Any additional comments?
_No response_
Contributor guide
Research direction
Start by locating the lbl:lastfm userstyle and inspect the profile header text rules for light and dark modes, including the responsive layout where the text moves below the banner. Done means the header text has sufficient contrast in light mode on desktop while preserving the existing dark-mode and narrow-window behavior.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 67/100