Color system with the dasboard

Hi Bao, great to see your project. I appreciate how you present the project when incorporating the application of color system in two modes: light and dark one. 3 groups of colors used are also essential and enough to present your ideas. However, personally I have some opinions that I think would contribute to your project further.

1. If the goal is to creating the feeling of calm and relaxing, I do prefer the old version. In general, the use of colors is very consistent as neutral colors are mainly used for text & background, secondary colors are used for charts/ graphic elements and primary colors are used in moderation. In the new version, the use of primary color for all the side menu makes it a bit overwhelmed, as it is hard to know which menu/element is in focus for need more attention.
2. Using bright/ high saturated color for text would be not suitable. For example, if you try testing the legend text "This year" or "Last year" in the chart, I guess it would not meet the requirement of WCAG in term of contrast.
3. The secondary colors used in the chart are really, really bright.
4. If you squint your eyes to take in the entire website, those colors will stand out first with very high contrast, which could potentially cause discomfort for users when looking at it for an extended period.
5. I recommend you should have two separate color schemes for light and dark modes. It would be better to control the overall contrast and clarity of the UI design. Let's take a look at color system of Apple or Google for reference.

Hope the sharing would support you in some ways. Have a nice weekend!