You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
94 lines
2.3 KiB
94 lines
2.3 KiB
3 years ago
|
/*
|
||
|
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
||
|
|
*/
|
||
|
|
|
||
|
|
module.exports = {
|
||
|
|
// Text colors
|
||
|
|
primary: '#23272F', // gray-90
|
||
|
|
'primary-dark': '#F6F7F9', // gray-5
|
||
|
|
secondary: '#404756', // gray-70
|
||
|
|
'secondary-dark': '#EBECF0', // gray-10
|
||
2 years ago
|
tertiary: '#5E687E', // gray-50
|
||
|
|
'tertiary-dark': '#99A1B3', // gray-30
|
||
|
3 years ago
|
link: '#087EA4', // blue-50
|
||
|
|
'link-dark': '#149ECA', // blue-40
|
||
|
|
syntax: '#EBECF0', // gray-10
|
||
|
|
wash: '#FFFFFF',
|
||
|
|
'wash-dark': '#23272F', // gray-90
|
||
|
|
card: '#F6F7F9', // gray-05
|
||
|
|
'card-dark': '#343A46', // gray-80
|
||
|
|
highlight: '#E6F7FF', // blue-10
|
||
|
|
'highlight-dark': 'rgba(88,175,223,.1)',
|
||
|
|
border: '#EBECF0', // gray-10
|
||
|
|
'border-dark': '#343A46', // gray-80
|
||
|
|
'secondary-button': '#EBECF0', // gray-10
|
||
|
|
'secondary-button-dark': '#404756', // gray-70
|
||
|
|
|
||
|
|
// Gray
|
||
3 years ago
|
'gray-95': '#16181D',
|
||
|
3 years ago
|
'gray-90': '#23272F',
|
||
|
|
'gray-80': '#343A46',
|
||
|
|
'gray-70': '#404756',
|
||
|
|
'gray-60': '#4E5769',
|
||
|
2 years ago
|
'gray-50': '#5E687E',
|
||
|
3 years ago
|
'gray-40': '#78839B',
|
||
|
|
'gray-30': '#99A1B3',
|
||
|
|
'gray-20': '#BCC1CD',
|
||
|
2 years ago
|
'gray-15': '#D0D3DC',
|
||
|
3 years ago
|
'gray-10': '#EBECF0',
|
||
|
|
'gray-5': '#F6F7F9',
|
||
|
|
|
||
|
|
// Blue
|
||
|
2 years ago
|
'blue-80': '#043849',
|
||
|
3 years ago
|
'blue-60': '#045975',
|
||
|
|
'blue-50': '#087EA4',
|
||
|
|
'blue-40': '#149ECA', // Brand Blue
|
||
|
|
'blue-30': '#58C4DC', // unused
|
||
|
|
'blue-20': '#ABE2ED',
|
||
|
|
'blue-10': '#E6F7FF', // todo: doesn't match illustrations
|
||
|
|
'blue-5': '#E6F6FA',
|
||
|
|
|
||
|
|
// Yellow
|
||
|
|
'yellow-60': '#B65700',
|
||
|
|
'yellow-50': '#C76A15',
|
||
|
|
'yellow-40': '#DB7D27', // unused
|
||
|
|
'yellow-30': '#FABD62', // unused
|
||
|
|
'yellow-20': '#FCDEB0', // unused
|
||
|
|
'yellow-10': '#FDE7C7',
|
||
|
|
'yellow-5': '#FEF5E7',
|
||
|
|
|
||
|
|
// Purple
|
||
|
|
'purple-60': '#2B3491', // unused
|
||
|
|
'purple-50': '#575FB7',
|
||
|
|
'purple-40': '#6B75DB',
|
||
|
|
'purple-30': '#8891EC',
|
||
|
|
'purple-20': '#C3C8F5', // unused
|
||
|
|
'purple-10': '#E7E9FB',
|
||
|
|
'purple-5': '#F3F4FD',
|
||
|
|
|
||
|
|
// Green
|
||
|
|
'green-60': '#2B6E62',
|
||
|
|
'green-50': '#388F7F',
|
||
|
|
'green-40': '#44AC99',
|
||
|
|
'green-30': '#7FCCBF',
|
||
|
|
'green-20': '#ABDED5',
|
||
|
|
'green-10': '#E5F5F2',
|
||
|
|
'green-5': '#F4FBF9',
|
||
|
|
|
||
|
|
// RED
|
||
|
|
'red-60': '#712D28',
|
||
|
|
'red-50': '#A6423A', // unused
|
||
|
|
'red-40': '#C1554D',
|
||
|
|
'red-30': '#D07D77',
|
||
|
|
'red-20': '#E5B7B3', // unused
|
||
|
|
'red-10': '#F2DBD9', // unused
|
||
|
|
'red-5': '#FAF1F0',
|
||
|
|
|
||
|
|
// MISC
|
||
|
|
'code-block': '#99a1b30f', // gray-30 @ 6%
|
||
|
|
'gradient-blue': '#58C4DC', // Only used for the landing gradient for now.
|
||
|
|
github: {
|
||
|
|
highlight: '#fffbdd',
|
||
|
|
},
|
||
|
|
};
|