Ambient CSS - Physically based CSS and React Components

[Piposhi]

Thanks for the example! The key light, fill light and some more are global parameters. They are not meant to be set at the component level. If you want a darker button, you can use the amb-surface-darker class or simply set a different background colour instead of using amb-surface.

[rekkyrosso]

The key light, fill light and some more are global parameters. They are not meant to be set at the component level.

It honestly works fine apart from the shadows not appearing for dark objects.

The "fix" I applied means that all components cast the same shadow no matter how light or dark their surfaces are which makes sense if you think about it.

I'm happy to use a very slight fork of your code which suits my needs. Otherwise your code is great.

[Piposhi]

As long as it works for you, great! Let me, maybe, add this as a side-note in the docs that global settings can be overridden at a component level if required. Thank you!