theodinproject: Bug: Incorrect color pattern for react badge on React Lesson

Complete the following REQUIRED checkboxes:

  • I have thoroughly read and understand The Odin Project Contributing Guide
  • The title of this issue follows the Bug: brief description of bug format, e.g. Bug: Lesson complete button does not update on click

The following checkbox is OPTIONAL:

  • I would like to be assigned this issue to work on it

1. Description of the Bug:

  • The Bug is about the incorrect color pattern used for React Badge which can be found on Javascript Learning Path page.
  • Our Odin Project primarily used this color #E29E7A for every badges.

2. How To Reproduce:

  1. Sign in
  2. Visit a React lesson on Full-Stack JavaScript page
  3. Observe the incorrect color pattern for React Badge by comparing it with other badges.

3. Expected Behavior:

  • The color of the React badge need to be the same as other badges.

4. Desktop/Device:

  • Device: Lg Q Stylus
  • OS: Android 8 Oreo
  • Browser: Opera Mobile
  • Version: 76.1

5. Additional Information:

  • You can simply compare this one’s color pattern with other badges to see the difference.
  • I would like to share screenshots taken from Odin Site, you can able to see the changes with React badge and Node badge.
REACT BADGE NODE BADGE
image image

About this issue

  • Original URL
  • State: closed
  • Created a year ago
  • Comments: 22 (19 by maintainers)

Commits related to this issue

Most upvoted comments

Yeah @KevinMulhern, You’re right. I have no time to work on this issue due to my exams.

You can assign this issue to someone in order to fix this issue.

Sorry for the inconvenience, Thank you for your support.

@KevinMulhern I am as well. I noticed the more visible pink. It’s indeed due to the amount of surface showing the gradient in the center there. I tested with changing the gradient breakpoint percentages but that would make it overly yellow in my opinion from the top left down again. I think we should roll this out indeed. If we get to redoing them all we can make them more cohesive 😃

@KevinMulhern an updated version to match the gradient breakpoints with the NodeJS badge

badge-react-centered-v2

Yep @KevinMulhern, I’m still want to work on this issue.

Currently I’m on my exams, They are going about to end. So i will complete this issue within 1 week.