@use '@angular/material' as mat; html { color-scheme: light dark; @include mat.theme((color: mat.$azure-palette, typography: Roboto, density: 0)); --mat-sys-primary-overlay: color-mix(in srgb, var(--mat-sys-primary) 10%, transparent); } html, body { height: 100%; } body { margin: 0; background: var(--mat-sys-surface); color: var(--mat-sys-on-surface); }