Last active
October 21, 2020 02:20
-
-
Save marbaque/5216436524ba72a5626ae07fc7d66b15 to your computer and use it in GitHub Desktop.
oeglobal-theme-colors
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const theme = { | |
colors: | |
{ | |
'blue-100': '#0d1530', | |
'blue-200': '#1c2b5a', | |
'blue-300': '#1f377a', | |
'blue-400': '#1952b3', | |
'blue-500': '#0d59f2', | |
'blue-600': '#3b80f7', | |
'blue-700': '#6ea5f7', | |
'blue-800': '#a7c3fb', | |
'blue-900': '#cfdefc', | |
'fucsia-100': '#3d0e49', | |
'fucsia-200': '#561467', | |
'fucsia-300': '#7c1b8d', | |
'fucsia-400': '#aa22b4', | |
'fucsia-500': '#db43db', | |
'fucsia-600': '#e05cdc', | |
'fucsia-700': '#e77ee3', | |
'fucsia-800': '#f0b2ec', | |
'fucsia-900': '#f7d4f2', | |
'black-100': '#1a1a1a', | |
'black-200': '#333333', | |
'black-300': '#4d4d4d', | |
'black-400': '#666666', | |
'gray-500': '#808080', | |
'gray-600': '#999999', | |
'gray-700': '#b3b3b3', | |
'gray-800': '#d9d9d9', | |
'gray-900': '#f2f2f2', | |
'white': '#ffffff', | |
'red-100': '#600623', | |
'red-200': '#7d081f', | |
'red-300': '#af0821', | |
'red-400': '#d8091a', | |
'red-500': '#f50a0a', | |
'red-600': '#ff5547', | |
'red-700': '#ff8670', | |
'red-800': '#ffaa99', | |
'red-900': '#ffdacc', | |
'turq-100': '#0d454a', | |
'turq-200': '#115e5f', | |
'turq-300': '#1a8f83', | |
'turq-400': '#1fad98', | |
'turq-500': '#26d7b2', | |
'turq-600': '#47dcbc', | |
'turq-700': '#73e2cb', | |
'turq-800': '#a4eadc', | |
'turq-900': '#cef8ef', | |
'yellow-100': '#5d3209', | |
'yellow-200': '#8e6106', | |
'yellow-300': '#be9304', | |
'yellow-400': '#e6c805', | |
'yellow-500': '#ffe525', | |
'yellow-600': '#fce95a', | |
'yellow-700': '#fcec83', | |
'yellow-800': '#fcf1a1', | |
'yellow-900': '#fdf5ce' | |
'orange-cream': '#ffca99', | |
'orange': '#ff9533', | |
'purple': '#664bda', | |
}, | |
fontSizes: | |
{ | |
xs: '0.625rem', | |
sm: '0.75rem', | |
base: '1rem', | |
lg: '1.125rem', | |
xl: '1.25rem', | |
'2xl': '1.5rem', | |
'3xl': '2rem', | |
'4xl': '2.75rem', | |
'5xl': '0.9rem', | |
'6xl': '0.85rem', | |
'7xl': '1.2rem' | |
}, | |
fonts: { serif: 'Georgia', sans: 'Montserrat' } | |
}; export default theme; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment