41 lines
792 B
TypeScript
41 lines
792 B
TypeScript
import { createTheme, type MantineColorsTuple } from '@pikku/mantine/core'
|
|
|
|
const quorum: MantineColorsTuple = [
|
|
'#EAF1ED',
|
|
'#D5E6DB',
|
|
'#B0CFBB',
|
|
'#8FCBA9',
|
|
'#4E9B72',
|
|
'#2E6F54',
|
|
'#1F5641',
|
|
'#1A4837',
|
|
'#143A2C',
|
|
'#0E1F18',
|
|
]
|
|
|
|
const amber: MantineColorsTuple = [
|
|
'#FDF7EE',
|
|
'#F6EEDD',
|
|
'#F0E3C4',
|
|
'#EBC57A',
|
|
'#D4A84E',
|
|
'#C09030',
|
|
'#B08A3E',
|
|
'#8A6A1E',
|
|
'#6E5218',
|
|
'#523D12',
|
|
]
|
|
|
|
export const theme = createTheme({
|
|
primaryColor: 'quorum',
|
|
primaryShade: { light: 6, dark: 5 },
|
|
colors: { quorum, amber },
|
|
fontFamily: "'Public Sans', system-ui, sans-serif",
|
|
fontFamilyMonospace: "'IBM Plex Mono', ui-monospace, Menlo, monospace",
|
|
headings: {
|
|
fontFamily: "'Source Serif 4', Georgia, serif",
|
|
fontWeight: '600',
|
|
},
|
|
defaultRadius: 'sm',
|
|
})
|