open-props
Version:
<div align="center">
45 lines (44 loc) • 2.14 kB
JavaScript
export default {
// source: https://about.meta.com/brand/resources/facebook/logo/
'--brand-facebook': '#0866FF',
// source: https://www.youtube.com/intl/ALL_in/howyoutubeworks/resources/brand-resources/#logos-icons-and-colors
'--brand-youtube': '#FF0000',
// source: https://about.twitter.com/content/dam/about-twitter/en/brand-toolkit/downloads/twitter-external-brand-guidelines-01272021.pdf
'--brand-twitter': '#469CF0',
// source: https://about.meta.com/brand/resources/whatsapp/whatsapp-brand/
'--brand-whatsapp': '#25D366',
// source: https://about.meta.com/brand/resources/instagram/instagram-brand/
'--brand-instagram-yellow': '#F8D648',
'--brand-instagram-red': '#E93365',
'--brand-instagram-magenta': '#D32DBF',
'--brand-instagram-blue': '#611EF5',
// source: https://snap.com/en-US/brand-guidelines
'--brand-snapchat': '#FFFC00',
// source: https://usbrandcolors.com/google-colors/
'--brand-google-blue': '#4285F4',
'--brand-google-red': '#DB4437',
'--brand-google-yellow': '#F4B400',
'--brand-google-green': '#0F9D58',
// source: https://tiktokbrandbook.com/d/HhXfjVK1Poj9/brand-guidelines#/basics/color/core-palette
'--brand-tiktok-razzmatazz': '#FE2C55',
'--brand-tiktok-splash': '#25F4EE',
// source: https://cdn-dynmedia-1.microsoft.com/is/content/microsoftcorp/microsoft/mscle/documents/presentations/CELA_ThirdPartyLogoGuidelines_June2021.pdf
'--brand-microsoft-red': '#F25022',
'--brand-microsoft-green': '#7FBA00',
'--brand-microsoft-blue': '#00A4EF',
'--brand-microsoft-yellow': '#FFB900',
// source: https://usbrandcolors.com/pinterest-colors/
'--brand-pinterest': '#E60023',
// source: https://developer.spotify.com/documentation/design#using-our-colors
'--brand-spotify': '#1ED760',
// source: https://discord.com/branding
'--brand-discord': '#5865F2',
// source: https://telegram.org/tour/screenshots
'--brand-telegram': '#2AABEE',
// source: https://reddit.lingoapp.com/s/Color-R7y72J/?v=22
'--brand-reddit': '#FF4500',
// source: none
'--brand-amazon': '#232F3E',
// source: https://brand.twitch.com/
'--brand-twitch': '#9146FF',
}