Design with Mode Toggle
The dark mode design style is considered to provide relief for strained eyes in a dark environment. Many people feel that the dark mode is more comfortable for their eyes. So having a toggle option to switch to a dark mode is more than just a design trend.
I applied a dark mode feature that users can switch to any time they want. Either on a dark mode or a light mode, legibility should be prioritized. With well planned HTML and CSS structure you can make charts, graphs and coloured lines look clear and livelier on both modes.
I implemented a mode switch feature to a normal dashboard. Dashboard contains a lot of informations and charts. And well planned HTML structure and elements you can pull it off by changing one single class name in the HTML. Also CSS doesn't have to be too complicated to apply two different color paletts.
Responsive design is always crucial. For the mobile screen, I tweaked the layout and the size of each design element using CSS media query.