codedgar / Puppertino

A CSS framework based on Human Guidelines from apple
https://codedgar.github.io/Puppertino/
MIT License
1.05k stars 39 forks source link

Shadows in darkmode #43

Open BtM909 opened 11 months ago

BtM909 commented 11 months ago

When changing to dark mode via the button on https://codedgar.github.io/Puppertino/examples/dark_mode.html, it seems that there are no shadows visible in the shadow components.

I understand it defeats the purpose of having shadows in darkmode, but maybe you can get "inspiration" from one of the options how others tried to solve it?

Light mode (shadows clearly visible): image

Dark mode: image

Potential solutions:

  1. https://codyhouse.co/nuggets/beautiful-css-shadows
  2. https://meta.discourse.org/t/suggestion-regarding-the-box-shadow-of-the-dark-theme-composer/77102

Workstation: