docs-bug(theming): Example with define-theme is outdated
- Vorherrschende Sprache
- TypeScript
- Sterne
- 25k
- Forks
- 6.8k
- Ø Merge
- 1 T. 8 Std.
- Gemergte PRs (30 T.)
- 91
Beschreibung
### Is this a regression?
- [ ] Yes, this behavior used to work in the previous version
### The previous version in which this bug was not present was
_No response_
### Description
Documentation about define-theme seems to be outdated.
```
@use '@angular/material' as mat;
html {
@include mat.theme((
color: mat.$violet-palette,
typography: Roboto,
density: -2,
));
}
```
### Reproduction
You can check at:
https://material.angular.io/guide/theming#density
### Expected Behavior
The corret code should be:
```
$theme: mat.define-theme(
(
color: (
primary: mat.$azure-palette,
tertiary: mat.$violet-palette,
theme-type: light,
),
density: (
scale: -2,
),
)
);
```
### Actual Behavior
This code results in the following error:
`$config.density should be a density configuration object.`
I believe this error also occours with typography config.
### Environment
- Angular: 19
- CDK/Material: 19
Beitragsleitfaden
Rechercherichtung
Beginne beim Abschnitt zur Dichte im Theming-Leitfaden unter material.angular.io/guide/theming#density und vergleiche das dokumentierte Beispiel mit der im Issue gezeigten define-theme-Konfiguration. Aktualisiere das veraltete Beispiel, sodass seine Dichtekonfiguration dem erwarteten Code entspricht, und prüfe, ob das Typografiebeispiel dasselbe Problem aufweist. Erledigt ist die Aufgabe, wenn der Leitfaden keine Konfiguration mehr zeigt, die den gemeldeten Fehler verursacht.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- angular, sass
- Bereich
- documentation
- Issue-Typ
- Dokumentation
- Schwierigkeit
- 2/5
- Geschätzter Aufwand
- 1-3 Stunden
- Aktivitätsstatus
- Veraltet
- Klarheit
- Klar beschrieben
- Anfängerfreundlichkeit
- 45/100