When implementing a page the only reference we might have is the Figma design. At times in the design, the designer might use the hex values to design those blocks. Although the easiest option is to directly copy the hex value and use it, but refrain from doing so. Rather stick to the corresponding color variables that neetoUI provides.
Why use color variables instead of hex values?
Improves code readability and helps ensure that the same colors are consistently used across the products improving the look and feel.
Design preferences change over time and using color variables helps in achieving such changes efficiently in a less error-prone manner quickly.
Do's and Don'ts
🚫 Don't
✅ Do's
Read more about the neetoUI color scheme and CSS variable usage here.
https://neeto-ui.neeto.com/?path=/docs/customize-css-variables--customize-neeto-ui