import { DefaultTheme } from 'styled-components' ; export const theme = { colors : { gray1 : '#FAFAFA' , gray2 : '#F3F3F3' , gray3 : '#D4D4D4' , black : '#3E3E3E' , white : '#FFFFFF' , borderGray : '#929292' , progressBeige : '#F8EFDD' , } , } ; const customMediaQuery = ( maxWidth ) : string => `@media (max-width: ${ maxWidth }px)` ; const mobileMediaQuery = ( minWidth , maxWidth ) : string => `@media (min-width: ${ minWidth }px) and (max-width: ${ maxWidth }px)` ; export const media = { custom : customMediaQuery , 1440 : customMediaQuery ( 1440 ) , 1100 : customMediaQuery ( 1100 ) , 768 : customMediaQuery ( 768 ) , mobile : mobileMediaQuery ( 320 , 600 ) , } ;