2023-09-12 17:37:41 -07:00
|
|
|
import { ThemeData } from 'types'
|
2023-09-29 04:55:44 -07:00
|
|
|
import { nunito, nunitoDisplay } from './fonts'
|
2023-09-12 17:37:41 -07:00
|
|
|
|
|
|
|
export const breakpoints = {
|
|
|
|
sm: 640,
|
|
|
|
// => @media (min-width: 640px) { ... }
|
|
|
|
|
|
|
|
md: 768,
|
|
|
|
// => @media (min-width: 768px) { ... }
|
|
|
|
|
|
|
|
lg: 1024,
|
|
|
|
// => @media (min-width: 1024px) { ... }
|
|
|
|
|
|
|
|
xl: 1280,
|
|
|
|
// => @media (min-width: 1280px) { ... }
|
|
|
|
|
|
|
|
'2xl': 1536,
|
|
|
|
// => @media (min-width: 1536px) { ... }
|
|
|
|
|
|
|
|
'3xl': 1792,
|
|
|
|
// => @media (min-width: 1792px) { ... }
|
|
|
|
}
|
|
|
|
|
2023-09-22 06:33:36 -07:00
|
|
|
type Theme = {
|
2023-09-12 17:37:41 -07:00
|
|
|
[key: string]: ThemeData
|
|
|
|
}
|
|
|
|
|
2023-09-22 06:33:36 -07:00
|
|
|
export const themeData: Theme = {
|
2023-09-12 17:37:41 -07:00
|
|
|
default: {
|
2023-09-18 20:19:55 -07:00
|
|
|
fonts: {
|
2023-09-25 06:48:39 -07:00
|
|
|
body: nunito,
|
|
|
|
display: nunitoDisplay,
|
2023-09-18 20:19:55 -07:00
|
|
|
},
|
2023-09-25 06:48:39 -07:00
|
|
|
logoPath: '/logos/boost.svg',
|
2023-09-12 17:37:41 -07:00
|
|
|
},
|
|
|
|
}
|