chore: seminarhof customer project
This commit is contained in:
75
packages/mantine-theme/src/index.ts
Normal file
75
packages/mantine-theme/src/index.ts
Normal file
@@ -0,0 +1,75 @@
|
||||
import { createTheme, type MantineColorsTuple } from '@pikku/mantine/core'
|
||||
|
||||
// Seminarhof Drawehn brand palette — extracted from the public marketing site
|
||||
// (seminarhof-drawehn.de Elementor "kit"): primary plum #88557F, accent gold
|
||||
// #FFCE00, dark text #181818, page bg #F5F5F5. Fonts: Open Sans throughout.
|
||||
//
|
||||
// Mantine wants a 10-shade tuple per colour. We seed each tuple from the
|
||||
// brand hex and extend lighter/darker around it; the brand value sits at
|
||||
// index 6 (the default `filled` shade).
|
||||
|
||||
const plum: MantineColorsTuple = [
|
||||
'#f7eef5',
|
||||
'#e9d4e2',
|
||||
'#d3a7c4',
|
||||
'#bc7aa6',
|
||||
'#a05c8e',
|
||||
'#94487f',
|
||||
'#88557F', // brand secondary
|
||||
'#6f4467',
|
||||
'#583651',
|
||||
'#4E3149', // brand dark plum
|
||||
]
|
||||
|
||||
const gold: MantineColorsTuple = [
|
||||
'#fff8e0',
|
||||
'#ffeeba',
|
||||
'#ffe48f',
|
||||
'#ffd95f',
|
||||
'#ffd13b',
|
||||
'#FFCE00', // brand accent
|
||||
'#e6b900',
|
||||
'#b38f00',
|
||||
'#806600',
|
||||
'#4d3d00',
|
||||
]
|
||||
|
||||
const peach: MantineColorsTuple = [
|
||||
'#fff4ea',
|
||||
'#ffe4cc',
|
||||
'#ffd2ad',
|
||||
'#ffbc7d', // brand peach
|
||||
'#ffa856',
|
||||
'#ff9433',
|
||||
'#f37e15',
|
||||
'#cc6810',
|
||||
'#a3520a',
|
||||
'#7a3d05',
|
||||
]
|
||||
|
||||
export const theme = createTheme({
|
||||
primaryColor: 'plum',
|
||||
primaryShade: { light: 6, dark: 5 },
|
||||
colors: { plum, gold, peach },
|
||||
fontFamily: '"Open Sans", system-ui, sans-serif',
|
||||
fontFamilyMonospace: 'ui-monospace, Menlo, monospace',
|
||||
headings: {
|
||||
fontFamily: '"Open Sans", system-ui, sans-serif',
|
||||
fontWeight: '700',
|
||||
},
|
||||
defaultRadius: 'md',
|
||||
black: '#181818',
|
||||
white: '#ffffff',
|
||||
})
|
||||
|
||||
export const brand = {
|
||||
primary: '#88557F',
|
||||
primaryDark: '#4E3149',
|
||||
accent: '#FFCE00',
|
||||
accentSoft: '#FEE162',
|
||||
pink: '#E9C8E3',
|
||||
peach: '#FFBC7D',
|
||||
text: '#181818',
|
||||
pageBg: '#F5F5F5',
|
||||
tagline: 'Arrive, Unwind, Recharge.',
|
||||
} as const
|
||||
Reference in New Issue
Block a user