Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Redesign shadows #187

Open
slorber opened this issue Nov 12, 2021 · 2 comments
Open

Redesign shadows #187

slorber opened this issue Nov 12, 2021 · 2 comments

Comments

@slorber
Copy link
Collaborator

slorber commented Nov 12, 2021

The Infima shadows are not very convenient to use currently.

The lw shadow is not very visible, and the difference between --lw and --md is huge:

image

In practice, Docusaurus almost only use --lw, so it seems safe to re-adjust other shadows

Good resource on shadow design:

@slorber
Copy link
Collaborator Author

slorber commented Dec 1, 2021

We also need a way to highlight surfaces (like cards) on dark mode, as dark shadows are not very visible.

Using a scale anim does not always look good, but using a lighter background is quite common.

image

See also Material design dark mode guidelines: https://material.io/design/color/dark-theme.html#properties

@slorber
Copy link
Collaborator Author

slorber commented Mar 7, 2022

Tips from Steve Schoger (Tailwind) on how to make visible shadows in dark mode:
https://twitter.com/steveschoger/status/1499780803550658567

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant