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

[Website] Showcase Cards CSS Gradient Fixes #3811

Closed
2 tasks
Tracked by #3806
moutro opened this issue Jan 4, 2023 · 2 comments · Fixed by #4610
Closed
2 tasks
Tracked by #3806

[Website] Showcase Cards CSS Gradient Fixes #3811

moutro opened this issue Jan 4, 2023 · 2 comments · Fixed by #4610

Comments

@moutro
Copy link
Contributor

moutro commented Jan 4, 2023

Describe your idea

There are 2 options we discussed for this task:

  • Add gradient to card based on icon color

or

  • Change card gradient color to purple

Sample Images of changes needed:

Screenshot 2023-01-04 at 15 07 25

@moutro
Copy link
Contributor Author

moutro commented Jan 5, 2023

Additional context notes:

An idea was talked about to hard code this in the JSON - that we could choose the color of each icon using a color picker and then decide what the color of the background of the card should be. Every bg color will match the color of the icon we put in the JSON. So it will not be part of the CSS file, will be a style attribute using "style" prop to do it dynamically.

@noomorph
Copy link
Collaborator

noomorph commented Jan 5, 2023

This can be split into 2 phases:

  1. use a static gradient;
  2. advanced implementation: use pre-compilated gradient from the images;

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

Successfully merging a pull request may close this issue.

5 participants