Merge pull request #949 from getmaxun/theme-sync

feat: sync theme w cloud
This commit is contained in:
Karishma Shukla
2026-01-22 18:57:49 +05:30
committed by GitHub

View File

@@ -12,27 +12,27 @@ const lightTheme = createTheme({
components: {
MuiTableContainer: {
styleOverrides: {
root: {
overflow: 'auto',
/* Firefox */
scrollbarWidth: 'thin',
scrollbarColor: 'gray transparent',
root: {
overflow: 'auto',
/* Firefox */
scrollbarWidth: 'thin',
scrollbarColor: 'gray transparent',
/* WebKit (Chrome, Edge, Safari) */
'&::-webkit-scrollbar': {
width: '5px',
height: '5px',
},
'&::-webkit-scrollbar-track': {
background: 'transparent',
},
'&::-webkit-scrollbar-thumb': {
backgroundColor: 'gray',
borderRadius: '8px',
/* WebKit (Chrome, Edge, Safari) */
'&::-webkit-scrollbar': {
width: '5px',
height: '5px',
},
'&::-webkit-scrollbar-track': {
background: 'transparent',
},
'&::-webkit-scrollbar-thumb': {
backgroundColor: 'gray',
borderRadius: '8px',
},
},
},
},
},
MuiButton: {
styleOverrides: {
root: {
@@ -81,6 +81,13 @@ const lightTheme = createTheme({
},
MuiAlert: {
styleOverrides: {
outlinedInfo: {
color: 'rgb(0, 0, 0)',
border: 'none',
"& .MuiAlert-icon": {
color: "#000000",
},
},
standardInfo: {
backgroundColor: "#fce1f4",
color: "#ff00c3",
@@ -88,22 +95,6 @@ const lightTheme = createTheme({
color: "#ff00c3",
},
},
outlinedInfo: {
color: '#000000ff',
borderColor: '#000000ff',
"& .MuiAlert-icon": {
color: "#000000ff",
},
},
},
},
MuiAlertTitle: {
styleOverrides: {
root: {
"& .MuiAlert-icon": {
color: "#ffffff",
},
},
},
},
},
@@ -134,27 +125,27 @@ const darkTheme = createTheme({
components: {
MuiTableContainer: {
styleOverrides: {
root: {
overflow: 'auto',
/* Firefox */
scrollbarWidth: 'thin',
scrollbarColor: 'currentColor transparent',
root: {
overflow: 'auto',
/* Firefox */
scrollbarWidth: 'thin',
scrollbarColor: 'currentColor transparent',
/* WebKit (Chrome, Edge, Safari) */
'&::-webkit-scrollbar': {
width: '5px',
height: '5px',
},
'&::-webkit-scrollbar-track': {
background: 'transparent',
},
'&::-webkit-scrollbar-thumb': {
backgroundColor: 'currentColor',
borderRadius: '8px',
/* WebKit (Chrome, Edge, Safari) */
'&::-webkit-scrollbar': {
width: '5px',
height: '5px',
},
'&::-webkit-scrollbar-track': {
background: 'transparent',
},
'&::-webkit-scrollbar-thumb': {
backgroundColor: 'currentColor',
borderRadius: '8px',
},
},
},
},
},
MuiButton: {
styleOverrides: {
root: {
@@ -231,31 +222,23 @@ const darkTheme = createTheme({
},
MuiAlert: {
styleOverrides: {
standardInfo: {
backgroundColor: "rgba(255, 0, 195, 0.15)",
color: "#ff66d9",
"& .MuiAlert-icon": {
color: "#ff66d9",
},
},
outlinedInfo: {
color: '#ffffff',
borderColor: '#ffffff',
border: 'none',
"& .MuiAlert-icon": {
color: "#ffffff",
},
},
},
},
MuiAlertTitle: {
styleOverrides: {
root: {
standardInfo: {
backgroundColor: "#080808ff",
color: "#ff00c3",
"& .MuiAlert-icon": {
color: "#ff66d9",
color: "#ff00c3",
},
},
},
},
// Additional dark mode specific components
MuiPaper: {
styleOverrides: {
root: {
@@ -292,6 +275,14 @@ const darkTheme = createTheme({
},
},
},
// MuiTextField:{
// styleOverrides: {
// root: {
// '& .MuiInputBase-root': {
// backgroundColor: '#1d1c1cff',
// },
// }
// }}
},
});
@@ -331,4 +322,4 @@ const ThemeModeProvider = ({ children }: { children: React.ReactNode }) => {
);
};
export default ThemeModeProvider;
export default ThemeModeProvider;