spacefactory2 / src /lib /theme.ts
mfn
Background builds over WebSocket: MUI UI, Exa search + bash + hardware tools, parallel builds
81b2ee9
Raw History Blame Contribute Delete
1.74 kB
"use client";
import { createTheme } from "@mui/material/styles";
/** SpaceFactory skin: MUI everywhere, but clean — near-black zinc surfaces,
* amber accent, no gradients, quiet borders, Roboto. */
const theme = createTheme({
palette: {
mode: "dark",
primary: { main: "#fbbf24", contrastText: "#09090b" },
secondary: { main: "#34d399" },
error: { main: "#f87171" },
success: { main: "#34d399" },
background: { default: "#09090b", paper: "#111113" },
divider: "#27272a",
text: { primary: "#f4f4f5", secondary: "#a1a1aa" },
},
shape: { borderRadius: 12 },
typography: {
fontFamily:
'Roboto, "Helvetica Neue", Arial, sans-serif',
h6: { fontWeight: 600, letterSpacing: "-0.01em" },
button: { textTransform: "none", fontWeight: 600 },
},
components: {
MuiPaper: {
defaultProps: { elevation: 0 },
styleOverrides: {
root: { backgroundImage: "none", border: "1px solid #27272a" },
},
},
MuiAppBar: {
defaultProps: { elevation: 0, color: "transparent" },
styleOverrides: {
root: {
borderBottom: "1px solid #27272a",
backdropFilter: "blur(8px)",
backgroundColor: "rgba(9,9,11,0.85)",
},
},
},
MuiButton: { defaultProps: { disableElevation: true } },
MuiTextField: { defaultProps: { size: "small" } },
MuiChip: { styleOverrides: { root: { fontWeight: 500 } } },
MuiTooltip: {
styleOverrides: {
tooltip: { backgroundColor: "#27272a", fontSize: 12 },
},
},
MuiTab: { styleOverrides: { root: { textTransform: "none", minHeight: 40 } } },
MuiTabs: { styleOverrides: { root: { minHeight: 40 } } },
},
});
export default theme;