Dashboard with Light/Dark Theme Switcher

Community feedback

• 

  Alexandar Živkovič•70

  @stashixPosted 10 months ago

  Love the translateY for the split background, I should have thought of that :)

  Were you going off of the Figma or just that good of an eye for detail? The positioning is near perfect.

  I think the Dark Mode toggle could be improved by respecting the prefers-color-scheme media query by default and only overriding the browser preference on toggle.

  Plus if toggled the state could be persisted in local storage.

  Marked as helpful

  1

  ---

  

  Daniel 🛸•44,310

  @danielmrz-devPosted 10 months ago

  @stashix

  I don't have the figma files... I think that I'm developing a good eye for detail after so many projects without any design files 😅

  Thank you for the prefers-color-scheme tip. I had never read or seen anything about it before. I'm gonna learn more about it so I can apply on this project and the next ones 😊

  0
• 

  Ahmad Maartmesrini•120

  @Ahmad-MaartmesriniPosted 10 months ago

  I love how you used a span for the toggle, made it much easier to click. I used buttons now the user has to click on the other button to switch the toggle.

  1
• 

  Rupesh Sharma•50

  @Rupesh9369Posted 10 months ago

  Hello Daniel, I'd like to share some thoughts on enhancing the responsiveness of our website. Specifically, when the screen width is less than 1025px, the current layout displays just one card. To optimize the user experience on mobile and tablet devices, let's consider adjusting it to showcase three cards or more. Implementing a flex-wrap property will facilitate this change seamlessly. Looking forward to your insights and collaboration on making these adjustments for an improved mobile and tablet responsiveness.

  1
• 

  chems eddine bourabia•150

  @chemsodevPosted 10 months ago

  perfection❤

  1