Feature: Set up theming combining Analog's way with PrimeNG way

[esthersoftwaredev]

Type of feature

✨ Feature

Current behavior

• Analog uses media query @media (prefers-color-scheme: light) I want to keep it
• PrimeNG has specific setup of adjusting the angular.json, using a service and adding an element that loads stylesheets dynamically

Suggested solution

• let's see if I can combine both

• this one turns out to be a bit more challenging than I thought

• cannot keep PrimeNG theming in the same file, that doesn't work as styles overwrite each other

• I tried several implementations adding stuff to the vite.config.js

• there has been a bit of a challenge in adding another link element directly in the index.html but I found a workaround for this

• current biggest challenge is to separate the CSS files so that I get styles.css but also separate compiled dark.css and light.css which I can load dynamically

Additional context

• suggestions are more than welcome

I would be willing to submit a PR to fix this issue

• Yes and I have read the Contribution Guide and I agree to follow this project's Code of Conduct
• No