Favorites selected tint is overridden by duplicate CSS utilities (macOS 0.34.1)
Nobody has claimed this yet.
Assessment
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Newbie friendliness
- 83/100
- Issue type
- Bug
- Clarity
- Clearly specified
- Activity status
- Active
- Tech stack
- css, javascript
- Domain
- frontend
Research direction
Start by inspecting out/renderer/assets/agent-pinwheel-22Ytp7VB.css from the 0.34.1 bundle and locate the duplicate .bg-pin-tint and hover utility rules described in the report. Check the renderer code that sets --pin-tint and applies these classes to Favorites tiles. Done when selected and hovered tiles use the subtle blend and the favicon remains readable.
Written by the indexing model from the issue text.
Description
Environment
- Kaze 0.34.1
- macOS, Apple Silicon
- Light appearance, sidebar layout
Observed behavior
Selecting a colorful Favorites tile can produce a strongly saturated, solid background rather than a subtle tint. The favicon may become hard to distinguish against that background. Monochrome icons generally do not show the same behavior.
Reproduction
- Add a site with a colorful favicon to Favorites.
- Select its tile in the sidebar.
- Observe the saturated background; hover the selected tile as well.
Static evidence in the installed 0.34.1 bundle
The renderer sets --pin-tint to the selected favicon's dominant color and adds bg-pin-tint hover:bg-pin-tint.
In out/renderer/assets/agent-pinwheel-22Ytp7VB.css, an earlier rule defines the light-theme blend:
@supports (color: color-mix(in lab, red, red)) {
.bg-pin-tint {
background-color: color-mix(in oklab, var(--pin-tint) 24%, var(--lift));
}
}
A later rule with the same selector overrides it:
.bg-pin-tint { background-color: var(--pin-tint); }
The generated .hover\:bg-pin-tint:hover rules have the same ordering problem: the later solid-color declaration overrides the earlier 24% blend. These same-selector rules appear in the same generated stylesheet and have no intervening layer boundary.
Expected behavior
The selected and hovered tile should retain the intended subtle favicon-derived tint with a readable icon. Place the fallback before the supported blend, or eliminate the duplicate utility definition.
This report includes only generic UI behavior and static bundle evidence. No browsing data, bookmark URLs, conversations, account details, or screenshots are included.
- Dominant language
- JavaScript
- Stars
- 197
- Forks
- 6
- Avg merge
- 1d 14h
- Merged PRs (30d)
- 1
Getting set up
This project ships no dev container, Dockerfile or contributing guide, so setting up is up to you: start from its README, and see our first-contribution guide for the general steps.
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from jackwener/Kaze
-
Difficulty 4/5 3-5 days Newbie friendliness 45/100
-
使用代理插件似乎无法代理所有网络行为Open
Difficulty 3/5 1-2 days Newbie friendliness 52/100
-
Difficulty 4/5 3-5 days Newbie friendliness 48/100
-
Difficulty 4/5 3-5 days Newbie friendliness 43/100
-
Difficulty 5/5 Over a week Newbie friendliness 42/100
Similar issues
-
Difficulty 2/5 1-3 hours Newbie friendliness 76/100
libnoname/noname#4626 · 1 comment ·
Maintainers usually reply within 1 day
-
Difficulty 1/5 Under an hour Newbie friendliness 84/100
Maintainers usually reply within 1 day
-
ai-driven-qa bug Cosmetic
Difficulty 1/5 Under an hour Newbie friendliness 92/100
Maintainers usually reply within 1 day
-
ai-driven-qa bug Cosmetic
Difficulty 2/5 1-3 hours Newbie friendliness 74/100
linagora/twake-drive#4584 ·
Maintainers usually reply within 1 day
-
Add: YTS Yamagata TVOpenchannels:add check:passed
Difficulty 1/5 Under an hour Newbie friendliness 82/100
Maintainers usually reply within 1 day