Quote from Eben Monney on October 5, 2021, 7:25 pm

Hello Mohamed,

When you run the application there's a watcher that converts all the scss (sass) files in "src/app/assets/themes" into css files in "src\assets\themes".
If your changes are not being reflected in "src\assets\themes" make sure you're running the sass watcher as part of your npm start or ng serve process.

If you use Visual Studio or npm start to run your applications this is automatically done, but if you use e.g. ng serve you'll need to manually run the sass compiler to convert your scss to css into "src\assets\themes".

See below for settings that controls theming

• "start" and "serve" scripts in package.json
• installTheme(theme: AppTheme) function in theme-manager.ts

Hope this helps.

[Eben Monney]