angular / angular/components

docs-bug(theming): Example with define-theme is outdated

Offen
#30,701 2 Kommentare 1 Reaktion 0 zugewiesene Personen Auf GitHub ansehen
area: theming docs P3
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

Beitragsleitfaden öffnen

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

Neue Issues direkt in Ihr Postfach

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