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

using styled overrides in theme.ts to adopt old theming

Browse source
This commit is contained in:
Carter 2024-11-18 13:23:02 -06:00
parent dcd15b5a6d
commit 563fc8ed41
1 changed files with 105 additions and 99 deletions
Download patch file Download diff file Expand all files Collapse all files

204
src/theme/theme.ts
View file

@ -70,106 +70,112 @@ function options(themeType: "light" | "dark"): ThemeOptions {
color: accent,
},
},
},
MuiBottomNavigation: {
styleOverrides: {
root: {
backgroundColor: signature
}
}
},
MuiBottomNavigationAction: {
styleOverrides: {
root: {
backgroundColor: signature,
color: Colours["grey"][500],
"&$selected": {
color: accent
}
}
},
},
MuiCard: {
styleOverrides: {
root: {
borderRadius: "5px",
"@media (min-width: 600px)": {
borderRadius: "7px"
}
}
}
},
MuiChip: {
styleOverrides: {
root: {
"@media (max-width: 600px)": {
height: "24px"
}
},
avatar: {
"@media (max-width: 600px)": {
height: "24px",
width: "24px"
}
}
},
},
MuiDialog: {
styleOverrides: {
paperFullScreen: {
overflowX: "hidden"
}
},
},
MuiSlider: {
styleOverrides: {
root: {
height: 5
},
thumb: {
height: 18,
width: 18,
marginTop: -6,
marginLeft: -9,
"&:focus,&:hover,&$active": {
boxShadow: "inherit"
}
},
active: {},
valueLabel: {
left: "calc(-50% + 2px)"
},
track: {
height: 7,
borderRadius: 4
},
rail: {
height: 7,
borderRadius: 4
},
vertical: {
"& .MuiSlider-thumb": {
marginLeft: "-8px !important"
}
}
},
},
MuiStepper: {
styleOverrides: {
root: {
background: "transparent"
}
},
},
MuiSwitch: {
styleOverrides: {
switchBase: {
color: Colours.grey[400],
"&$checked": {
color: Colours.grey[100]
},
"&$checked + $track": {
color: Colours.grey[100]
}
},
checked: {},
track: {}
}
}
}
// components: {
// MuiAppBar: {
// styleOverrides: {
// colorPrimary: {
// backgroundColor: signature,
// color: accent,
// },
// },
// },
// MuiBottomNavigation: {
// root: {
// backgroundColor: signature
// }
// },
// MuiBottomNavigationAction: {
// root: {
// backgroundColor: signature,
// color: Colours["grey"][500],
// "&$selected": {
// color: accent
// }
// }
// },
// MuiCard: {
// root: {
// borderRadius: "5px",
// "@media (min-width: 600px)": {
// borderRadius: "7px"
// }
// }
// },
// MuiChip: {
// root: {
// "@media (max-width: 600px)": {
// height: "24px"
// }
// },
// avatar: {
// "@media (max-width: 600px)": {
// height: "24px",
// width: "24px"
// }
// }
// },
// MuiDialog: {
// paperFullScreen: {
// overflowX: "hidden"
// }
// },
// MuiSlider: {
// root: {
// height: 5
// },
// thumb: {
// height: 18,
// width: 18,
// marginTop: -6,
// marginLeft: -9,
// "&:focus,&:hover,&$active": {
// boxShadow: "inherit"
// }
// },
// active: {},
// valueLabel: {
// left: "calc(-50% + 2px)"
// },
// track: {
// height: 7,
// borderRadius: 4
// },
// rail: {
// height: 7,
// borderRadius: 4
// },
// vertical: {
// "& .MuiSlider-thumb": {
// marginLeft: "-8px !important"
// }
// }
// },
// MuiStepper: {
// root: {
// background: "transparent"
// }
// },
// MuiSwitch: {
// switchBase: {
// color: Colours.grey[400],
// "&$checked": {
// color: Colours.grey[100]
// },
// "&$checked + $track": {
// color: Colours.grey[100]
// }
// },
// checked: {},
// track: {}
// }
// }
} as ThemeOptions;
}