feat: sync theme w cloud
This commit is contained in:
@@ -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;
|
||||
Reference in New Issue
Block a user