import { ITheme , theme as defaultTheme } from '@chakra-ui/core' ; const baseSizes = { px : '1px' , '0' : '0' , '1' : '0.25rem' , '2' : '0.5rem' , '3' : '0.75rem' , '4' : '1rem' , '5' : '1.25rem' , '6' : '1.5rem' , '8' : '2rem' , '10' : '2.5rem' , '12' : '3rem' , '16' : '4rem' , '20' : '5rem' , '24' : '6rem' , '32' : '8rem' , '40' : '10rem' , '48' : '12rem' , '56' : '14rem' , '64' : '16rem' , } ; const largeSizes = { full : '100%' , '3xs' : '14rem' , '2xs' : '16rem' , xs : '20rem' , sm : '24rem' , md : '28rem' , lg : '32rem' , xl : '36rem' , '2xl' : '42rem' , '3xl' : '48rem' , '4xl' : '56rem' , '5xl' : '64rem' , '6xl' : '72rem' , } ; var containers = { sm : '640px' , md : '768px' , lg : '1024px' , xl : '1280px' , } ; const theme = { ... defaultTheme , radii : { none : '0' , sm : '0.125rem' , md : '0.25rem' , lg : '0.5rem' , full : '9999px' , } , opacity : { '0' : '0' , '20%' : '0.2' , '40%' : '0.4' , '60%' : '0.6' , '80%' : '0.8' , '100%' : '1' , } , borders : { none : 0 , '1px' : '1px solid' , '2px' : '2px solid' , '4px' : '4px solid' , } , letterSpacings : { tighter : '-0.05em' , tight : '-0.025em' , normal : '0' , wide : '0.025em' , wider : '0.05em' , widest : '0.1em' , } , lineHeights : { normal : 'normal' , none : '1' , shorter : '1.25' , short : '1.375' , base : '1.5' , tall : '1.625' , taller : '2' , } , fontWeights : { hairline : 100 , thin : 200 , light : 300 , normal : 400 , medium : 500 , semibold : 600 , bold : 700 , extrabold : 800 , black : 900 , } , fonts : { heading : 'Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"' , body : 'Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"' , mono : 'SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace' , } , fontSizes : { xs : '0.75rem' , sm : '0.875rem' , md : '1rem' , lg : '1.125rem' , xl : '1.25rem' , '2xl' : '1.5rem' , '3xl' : '1.875rem' , '4xl' : '2.25rem' , '5xl' : '3rem' , '6xl' : '4rem' , } , colors : { ... defaultTheme . colors , transparent : 'transparent' , current : 'currentColor' , black : '#000' , white : '#fff' , gray : { 50 : '#f7f7f8' , 100 : '#efeff0' , 200 : '#e4e6e7' , 300 : '#d1d3d6' , 400 : '#abafb5' , 500 : '#7e838b' , 600 : '#525760' , 700 : '#343841' , 800 : '#1e2228' , 900 : '#171920' , } , blue : { 50 : '#e0ecfa' , 100 : '#c4d7f3' , 200 : '#a0baf3' , 300 : '#8094f5' , 400 : '#5a74ef' , 500 : '#3e5cec' , 600 : '#2547e8' , 700 : '#1334ce' , 800 : '#0e29a7' , 900 : '#051875' , } , purple : { 50 : '#ebe5ff' , 100 : '#d2c7ff' , 200 : '#c3b5fc' , 300 : '#ac98fb' , 400 : '#8466f9' , 500 : '#4c22f7' , 600 : '#3308dd' , 700 : '#2c07c0' , 800 : '#21058f' , 900 : '#16055c' , } , } , sizes : { ... baseSizes , ... largeSizes , containers , } , shadows : { sm : '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)' , md : '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)' , lg : '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)' , xl : '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)' , '2xl' : '0 25px 50px -12px rgba(0, 0, 0, 0.25)' , outline : '0 0 0 3px rgba(66, 153, 225, 0.6)' , inner : 'inset 0 2px 4px 0 rgba(0,0,0,0.06)' , none : 'none' , } , space : baseSizes , } ; export default theme ;