Datepicker comparison ranges uses substandard colors
- Langage dominant
- TypeScript
- Étoiles
- 25k
- Forks
- 6.8k
- Merge moyen
- 1 j 8 h
- PR mergées (30 j)
- 91
Description
### Describe the problem that you experienced
Up until V17 (excl.) the Datepicker Docs showed clear distinctions between the primary and accent colors, which made the example at the "Date range picker comparison ranges" section valuable. However, starting with the V17 docs (up until and including the current version), Angular Material started using Material 3 and some of the default themes (especially Azure & Blue) now don't show much of a color distinction (if at all), making the example barely useful with that respective color scheme.
Maybe it gets better with Material 3 Expressive, but I don't have particularly high hopes. Also, older versions will always have a docs page, still.
### Enter the URL of the topic with the problem
https://material.angular.dev/components/datepicker/overview
### Describe what you were looking for in the documentation
_No response_
### Describe the actions that led you to experience the problem
_No response_
### Describe what you want to experience that would fix the problem
More distinction between primary and accent colors, or actually custom defined colors for this example.
### Add a screenshot if that helps illustrate the problem
### If this problem caused an exception or error, please paste it here
```true
```
### If the problem is browser-specific, please specify the device, OS, browser, and version
```true
```
### Provide any additional information here in as much as detail as you can
```true
```
Guide de contribution
Ouvrir le guide de contribution
Piste de recherche
Ouvrez la section « Date range picker comparison ranges » de la vue d’ensemble du datepicker à l’adresse material.angular.dev/components/datepicker/overview et comparez les couleurs primaire et d’accent dans les Material 3 themes actuels, en particulier Azure et Blue. Suivez les points d’entrée de la documentation et du style du theme de l’exemple, puis vérifiez que les deux plages sont visiblement distinctes dans les themes documentés et que la documentation des anciennes versions reste inchangée.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- angular, typescript
- Domaine
- design, documentation
- Type d'issue
- Bug
- Difficulté
- 3/5
- Temps estimé
- 1-2 jours
- Activité
- Calme
- Clarté
- Plutôt claire
- Accessibilité débutants
- 55/100