website/styling/theme.js
export default {
baselineGrid: 4,
breakpoints: {
small: '@media (min-width: 480px)',
medium: '@media (min-width: 800px)',
large: '@media (min-width: 1024px)',
huge: '@media (min-width: 1400px)',
},
colors: {
blue: 'rgb(77, 38, 231)',
blueLight: 'rgb(97, 58, 251)',
blueDark: 'rgb(47, 8, 201)',
blueText: 'rgb(37, 0, 191)',
pink: 'rgb(253, 84, 177)',
yellow: 'rgb(251, 222, 94)',
cyan: 'rgb(115, 220, 255)',
cyanTransparent: 'rgba(115, 220, 255, 0.1)',
cyanCode: 'rgba(115, 220, 255, 0.2)',
cyanBackground: 'rgba(115, 220, 255, 0.3)',
foreground: 'rgb(30, 30, 30)',
background: 'rgb(245, 245, 245)',
border: 'rgb(230, 230, 230)',
},
}