If someone want to play with the color theme, please do. Right now the theme is derived from a single color using this command:
ng generate @angular/material:m3-theme
This will ask a few questions, you can choose to only provide a base color and the rest is derived from that.
It will write the m3-theme.scss file, you might need to remove the existing one before running the command.
Note: Make sure you answer No to this question, because if you choose Yes, the theme doesn't work. Maybe this is a bug in Angular Material at the moment: Do you want to use system-level variables in the theme? System-level variables make dynamic theming easier through CSS custom properties, but increase the bundle size.
Later on we should probably fine-tune all the colors manually after we find a scheme we enjoy.
Please share results in this issue. Here is our current theme as of 2024-06-20:
If someone want to play with the color theme, please do. Right now the theme is derived from a single color using this command:
ng generate @angular/material:m3-theme
This will ask a few questions, you can choose to only provide a base color and the rest is derived from that.
It will write the
m3-theme.scss
file, you might need to remove the existing one before running the command.Note: Make sure you answer
No
to this question, because if you chooseYes
, the theme doesn't work. Maybe this is a bug in Angular Material at the moment:Do you want to use system-level variables in the theme? System-level variables make dynamic theming easier through CSS custom properties, but increase the bundle size.
Later on we should probably fine-tune all the colors manually after we find a scheme we enjoy.
Please share results in this issue. Here is our current theme as of 2024-06-20: