angular / angular/components

Datepicker comparison ranges uses substandard colors

Offen
#31,663 10 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: material/datepicker area: theming docs good first issue help wanted P3
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

### 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

Image

### 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

```

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Öffne den Abschnitt „Date range picker comparison ranges“ in der Datepicker-Übersicht unter material.angular.dev/components/datepicker/overview und vergleiche die Primär- und Akzentfarben in den aktuellen Material 3 themes, insbesondere Azure und Blue. Verfolge die Dokumentations- und Theme-Styling-Einstiegspunkte des Beispiels und überprüfe anschließend, dass die beiden Bereiche in den dokumentierten Themes sichtbar unterscheidbar sind und dass die Dokumentation älterer Versionen unbeeinträchtigt bleibt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
design, documentation
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Ruhig
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
55/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.