Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

ColorScheme "whatsapp" does not represent the correct brand color

See original GitHub issue

Bug report

Describe the bug

ColorScheme WhatsApp should represent the correct brand color (https://whatsappbrand.com/#color)

To reproduce

<IconButton
  colorScheme="whatsapp"
  aria-label="WhatsApp"
  icon={<FaWhatsapp />}
/>

Minimal reproduction

https://codesandbox.io/s/wrong-whatsapp-brand-color-sfyvt?file=/src/App.tsx

Expected behavior

The color should be #25D366 light green (https://whatsappbrand.com, navigate to color), not teal.

https://smart-swatch.netlify.app/#25D366

Screenshots

System information

OS: Windows 10
Browser: all
Version of @chakra-ui/react: 1.0.0
Version of Node.js: all

Issue Analytics

State:
Created 3 years ago
Comments:6 (6 by maintainers)

Top GitHub Comments

5reactions

dodascommented, Nov 28, 2020

Currently all these brand colors are undocumented in Chakra UI docs. In my opinion they all should be removed from default Chakra UI theme instead of trying to keep them up to date with official brand guidelines.

3reactions

with-heartcommented, Nov 29, 2020

@dodas Agreed. I’m not really sure why we have the social media color schemes in there. Seems like they’d be better as optional theme extensions somehow. It’d be interesting to know how many people are actually using them.