docs-bug(theming): Example with define-theme is outdated
- 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