security-checklist/components/theme/index.js
2019-01-12 17:52:43 -08:00

45 lines
833 B
JavaScript

export const theme = {
bg: {
wash: '#F6F7F8',
default: '#FFF',
},
border: {
default: '#D6DCE7',
active: '#C9CED8',
},
text: {
default: '#000',
secondary: '#212325',
tertiary: '#5C6166',
placeholder: '#91989F',
},
brand: {
default: '#067AE4',
alt: '#0684F8',
},
social: {
facebook: '#3B5998',
twitter: '#00ACED',
},
success: {
default: '#21BE7C',
},
warn: {
default: '#B00A0A',
},
spectrum: {
default: '#4400CC',
alt: '#7B16FF',
},
shadows: {
default: '0 1px 2px rgba(0,0,0,0.08)',
hover: '0 12px 32px rgba(0,0,0,0.10)',
active: '0 6px 20px rgba(0,0,0,0.09)',
button: '0 4px 12px rgba(0,0,0,0.08)',
},
animations: {
default: '0.15s ease-out',
hover: '0.15s ease-in',
active: '0.15s ease-in-out',
},
};