seahaven-ap/src/lib/mui-theme.ts
Adam Moussa 20d6f56f7e
feat(frontend): add Stampli visual-parity chrome (AP-22) (#10)
Rebuild the mock SPA shell to match the live Stampli product map (header, module rail, invoice/payment tabs, stubs) and add a Sea Haven brand flag for AP-23 cutover.
2026-08-10 19:06:14 -04:00

73 lines
1.4 KiB
TypeScript

import { createTheme } from "@mui/material/styles";
/** Stampli-parity tokens from AP-29 capture (original recreation, not scraped CSS). */
export const muiTheme = createTheme({
palette: {
mode: "light",
primary: {
main: "#2F80ED",
dark: "#2167AE",
light: "#5B9CF2",
contrastText: "#ffffff",
},
secondary: {
main: "#7A2B8F",
},
error: {
main: "#E74C3C",
},
warning: {
main: "#F5A623",
},
background: {
default: "#F4F6F9",
paper: "#ffffff",
},
text: {
primary: "#1D2B50",
secondary: "#5A6A85",
},
divider: "#E2E8F0",
},
typography: {
fontFamily: '"IBM Plex Sans", "Helvetica Neue", Arial, sans-serif',
h1: {
fontFamily: '"IBM Plex Sans", "Helvetica Neue", Arial, sans-serif',
fontWeight: 600,
fontSize: "1.5rem",
},
button: {
textTransform: "none",
fontWeight: 600,
},
},
shape: {
borderRadius: 6,
},
components: {
MuiCssBaseline: {
styleOverrides: {
body: {
backgroundColor: "#F4F6F9",
},
},
},
MuiTab: {
styleOverrides: {
root: {
minHeight: 40,
textTransform: "none",
fontWeight: 600,
},
},
},
MuiButton: {
styleOverrides: {
root: {
boxShadow: "none",
"&:hover": { boxShadow: "none" },
},
},
},
},
});