brandxtech/frontend
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixed some theming stuff, buttons highlight correctly now

Browse source
This commit is contained in:
Carter 2024-11-18 13:39:39 -06:00
parent 563fc8ed41
commit c04b9b0adb
4 changed files with 29 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/theme/theme.ts
View file

@ -27,11 +27,12 @@ function options(themeType: "light" | "dark"): ThemeOptions {
const signature = getSignatureColour();
const accent = getSignatureAccentColour();
const bg = generateBackgroundShades(Colours.grey[800], themeType)
return {
palette: {
primary: Colours[getPrimaryColour() as keyof typeof Colours],
secondary: Colours[getSecondaryColour() as keyof typeof Colours],
background: generateBackgroundShades(Colours.grey[800], themeType),
background: bg,
mode: themeType,
bxt: {
primaryBlue: "#005bb0",
@ -175,6 +176,29 @@ function options(themeType: "light" | "dark"): ThemeOptions {
checked: {},
track: {}
}
},
MuiButton: {
styleOverrides: {
root: {
'& .MuiTouchRipple-root': {
color: accent, // Customize ripple color here
// color: "white"
},
'&:hover': {
backgroundColor: "rgba(125, 125, 125, 0.2)"
},
},
},
},
MuiListItemButton: {
styleOverrides: {
root: {
'& .MuiTouchRipple-root': {
color: accent, // Customize ripple color here
// color: "white"
},
},
},
}
}
} as ThemeOptions;