How to add quasar colors to my nuxt3 unocss project?

Question

I wanted to know if there is any way to add quasar colors file to my nuxt 3 project Im using naiveUI and unoCss and I need those colors with those specifications like : red-5 , red-9 etc.. thank you

Answer 1

1. Create a css file in your project.

2. Add the codes found in this github gist link to your css file: css codes gist

Include the css file in your pages and you're ready to go!

Note: if you want to use these rules in your whole application, don't forget to include this css file in your project globally (global css).