angular / angular/components

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

Aperta
#30,701 2 commenti 1 reazione 0 assegnatari Vedi su GitHub
area: theming docs P3
Lingua principale
TypeScript
Stelle
25k
Fork
6.8k
Merge medio
1g 8h
PR unite (30g)
91

Descrizione

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

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Inizia dalla sezione sulla densità della guida al theming all’indirizzo material.angular.io/guide/theming#density e confronta l’esempio documentato con la configurazione define-theme mostrata nell’issue. Aggiorna l’esempio obsoleto in modo che la configurazione della densità corrisponda al codice previsto e verifica se l’esempio della tipografia presenta lo stesso problema. Il lavoro è completato quando la guida non mostra più una configurazione che produce l’errore segnalato.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
angular, sass
Ambito
documentation
Tipo di issue
Documentazione
Difficoltà
2/5
Tempo stimato
1-3 ore
Stato di attività
Ferma
Chiarezza
Specificata chiaramente
Idoneità per principianti
45/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.