Global News Style Guide

Source: assets/src/css/1-settings/_colors.scss, line 13

1.1 $gn-red - #EF2601 GlobalNews red $gn-red-50 - #FDE3DE Red 50 $gn-red-100 - #F8A190 Red 100 $gn-red-200 - #E72501 Red 200 $gn-red-300 - #8A2310 Red 300 $gn-red-400 - #6E2215 Red 400 $gn-red-500 - #49201A Red 500

$gn-red - #EF2601 GlobalNews red $gn-red-50 - #FDE3DE Red 50 $gn-red-100 - #F8A190 Red 100 $gn-red-200 - #E72501 Red 200 $gn-red-300 - #8A2310 Red 300 $gn-red-400 - #6E2215 Red 400 $gn-red-500 - #49201A Red 500

$gn-orange - #F7941E GlobalNews orange $gn-orange-50 - #FDE6CA Orange 50 $gn-orange-100 - #FAA540 Orange 100 $gn-orange-200 - #A8681F Orange 200 $gn-orange-300 - #63421F Orange 300 $gn-orange-400 - #4F3720 Orange 400 $gn-orange-500 - #362A20 Orange 500

$gn-yellow - #F9ED32 Interface yellow

$gn-black - #231F20 Interface black $gn-neutral-100 - #DBD9D9 $gn-neutral-200 - #AEACAC $gn-neutral-300 - #818080 $gn-neutral-400 - #535353 $gn-neutral-500 - #262626 $gn-white - #fff Interface white $gn-offwhite - #F2F2F2

$facebook-color - #3b5998 Facebook $twitter-color - #1da1f2 Twitter $email-color - #0072c6 Email $whatsapp-color - #25d366 WhatsApp $pinterest-color - #bd081c Pinterest $flipboard-color - #F52828 Flipboard $tiktok-color - #FF004F TikTok $linkedin-color - #0077b5 LinkedIn $reddit-color - #ff4500 Reddit $link-color - #0052cc Link

#202F4D Facebook dark
$gn-facebook-dark
#2B669B Twitter dark
$gn-twitter-dark
#12375D Email dark
$gn-email-dark
#3A7943 WhatsApp dark
$gn-whatsapp-dark
#5b040e Pinterest dark
$pinterest-dark
#AB1A1A Flipboard dark
$flipboard-dark
#820028 TikTok dark
$gn-tiktok-dark
#11344D LinkedIn dark
$gn-linkedin-dark
#8D3114 Reddit dark
$gn-reddit-dark
#0A2A62 Link dark
$gn-link-dark