vodorod/parcer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: sync theme w cloud

Browse Source
This commit is contained in:
amhsirak
2026-01-19 12:59:42 +05:30
parent f3cb9273ec
commit 6dd3d42576
1 changed files with 56 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

121
src/context/theme-provider.tsx
View File

@@ -12,27 +12,27 @@ const lightTheme = createTheme({
components: { components: {
MuiTableContainer: { MuiTableContainer: {
styleOverrides: { styleOverrides: {
root: { root: {
overflow: 'auto', overflow: 'auto',
/* Firefox */ /* Firefox */
scrollbarWidth: 'thin', scrollbarWidth: 'thin',
scrollbarColor: 'gray transparent', scrollbarColor: 'gray transparent',
/* WebKit (Chrome, Edge, Safari) */ /* WebKit (Chrome, Edge, Safari) */
'&::-webkit-scrollbar': { '&::-webkit-scrollbar': {
width: '5px', width: '5px',
height: '5px', height: '5px',
}, },
'&::-webkit-scrollbar-track': { '&::-webkit-scrollbar-track': {
background: 'transparent', background: 'transparent',
}, },
'&::-webkit-scrollbar-thumb': { '&::-webkit-scrollbar-thumb': {
backgroundColor: 'gray', backgroundColor: 'gray',
borderRadius: '8px', borderRadius: '8px',
},
}, },
}, },
}, },
},
MuiButton: { MuiButton: {
styleOverrides: { styleOverrides: {
root: { root: {
@@ -81,6 +81,13 @@ const lightTheme = createTheme({
}, },
MuiAlert: { MuiAlert: {
styleOverrides: { styleOverrides: {
outlinedInfo: {
color: 'rgb(0, 0, 0)',
border: 'none',
"& .MuiAlert-icon": {
color: "#000000",
},
},
standardInfo: { standardInfo: {
backgroundColor: "#fce1f4", backgroundColor: "#fce1f4",
color: "#ff00c3", color: "#ff00c3",
@@ -88,22 +95,6 @@ const lightTheme = createTheme({
color: "#ff00c3", 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: { components: {
MuiTableContainer: { MuiTableContainer: {
styleOverrides: { styleOverrides: {
root: { root: {
overflow: 'auto', overflow: 'auto',
/* Firefox */ /* Firefox */
scrollbarWidth: 'thin', scrollbarWidth: 'thin',
scrollbarColor: 'currentColor transparent', scrollbarColor: 'currentColor transparent',
/* WebKit (Chrome, Edge, Safari) */ /* WebKit (Chrome, Edge, Safari) */
'&::-webkit-scrollbar': { '&::-webkit-scrollbar': {
width: '5px', width: '5px',
height: '5px', height: '5px',
}, },
'&::-webkit-scrollbar-track': { '&::-webkit-scrollbar-track': {
background: 'transparent', background: 'transparent',
}, },
'&::-webkit-scrollbar-thumb': { '&::-webkit-scrollbar-thumb': {
backgroundColor: 'currentColor', backgroundColor: 'currentColor',
borderRadius: '8px', borderRadius: '8px',
},
}, },
}, },
}, },
},
MuiButton: { MuiButton: {
styleOverrides: { styleOverrides: {
root: { root: {
@@ -231,31 +222,23 @@ const darkTheme = createTheme({
}, },
MuiAlert: { MuiAlert: {
styleOverrides: { styleOverrides: {
standardInfo: {
backgroundColor: "rgba(255, 0, 195, 0.15)",
color: "#ff66d9",
"& .MuiAlert-icon": {
color: "#ff66d9",
},
},
outlinedInfo: { outlinedInfo: {
color: '#ffffff', color: '#ffffff',
borderColor: '#ffffff', border: 'none',
"& .MuiAlert-icon": { "& .MuiAlert-icon": {
color: "#ffffff", color: "#ffffff",
}, },
}, },
}, standardInfo: {
}, backgroundColor: "#080808ff",
MuiAlertTitle: { color: "#ff00c3",
styleOverrides: {
root: {
"& .MuiAlert-icon": { "& .MuiAlert-icon": {
color: "#ff66d9", color: "#ff00c3",
}, },
}, },
}, },
}, },
// Additional dark mode specific components
MuiPaper: { MuiPaper: {
styleOverrides: { styleOverrides: {
root: { 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;