<?xml version="1.0" encoding="utf-8"?>
Open full project

As a beginner when I designed dark mode for my project, I started with my light mode layout and used the Dark Mode Magic plugin in Figma to automatically transform my colors into darker tones. This gave me a good foundation, but I didn’t stop there. I went back and manually adjusted some colors like the purple button ones, to make sure they weren’t too harsh against the dark background. I also checked contrast and readability so that text and important actions still stood out clearly. Through this process, I learned that while plugins help speed things up, dark mode design requires thoughtful fine-tuning to balance aesthetics, accessibility, and comfort for the user. Still, I havent been perfect on the dark mode design though.

Share your insights — leave a project review and help others grow their skills

Reviews

3 reviews


Great job on the dark mode design! The colors you picked make the app feel modern and easy on the eyes, and I can see you put real thought into making sure everything is readable. The layout is clean and the main actions stand out, which is super important for usability.

One thing to consider: adding labels under the bottom tab icons could help users know where they are at a glance. Also, making sure there’s always a clear way to get back to the main screen would smooth out the flow. Little touches like these can make a big difference.

Keep going—you’re on the right track and your attention to detail really shows. Looking forward to seeing what you do next!


Awesome work, Shivani! I really enjoyed looking through this. The colors you chose and the overall layout of the feed feel super clean and engaging. You’re clearly putting a lot of thought into the design.

A few small suggestions that could make it even stronger:

  • The bottom tab bar looks beautifully crafted, but adding labels under each tab might help with accessibility and reduce any potential confusion.
  • When I tapped on the “Filter” button, it actually took me to a screen that felt more like “Settings.” Since the title and icon both say “Filter,” it threw me off a bit. Updating the icon and renaming the screen to “Settings” would make it feel clearer.
  • When I tapped on a comic/manga, I couldn’t find a way to get back to the main screen. Adding a back option there would really improve the flow.

Overall, this is such a solid start!


Shivani, great job experimenting with dark mode — I like how you balanced readability with aesthetics and refined colors beyond the plugin. To push it further, consider adding tab labels and a clear way back to the main screen for smoother navigation. Really solid work for a first attempt!


12 Claps
Average 4.0 by 3 people
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>