TimefoldAI / TimefoldAI/timefold-quickstarts
UI: Grayscaled maps for readability
Open
Nobody has claimed this yet.
enhancement
good first issue
- Dominant language
- Java
- Stars
- 580
- Forks
- 173
- Avg merge
- 17h 42m
- Merged PRs (30d)
- 39
Description
In a few of the quickstarts maps are rendered. The readability of the calculated routes on these maps could be improved by making them grayscale.
Context
Example:
With Grayscale:
Solution
Since it is rendered by Leaflet, the following will make the maps grayscale. Either make them grayscale by default or introduce a toggle.
.leaflet-tile-pane {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.5;
}
Contributor guide
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.
Research direction
Locate the quickstart pages that render maps with Leaflet and identify the shared map styling entry point. Review whether grayscale should be the default or a toggle, then apply the agreed treatment to the affected maps and verify that route readability improves without disrupting map controls.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- accessibility, frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Active
- Clarity
- Mostly clear
- Newbie friendliness
- 65/100