feat: sync dark mode w cloud

This commit is contained in:
amhsirak
2025-10-13 18:00:59 +05:30
parent da50be7d8c
commit 60b96596cd

View File

@@ -94,7 +94,7 @@ const darkTheme = createTheme({
}, },
background: { background: {
default: '#000000ff', default: '#000000ff',
paper: '#080808ff', paper: '#000000ff',
}, },
text: { text: {
primary: '#ffffff', primary: '#ffffff',
@@ -127,14 +127,14 @@ const darkTheme = createTheme({
borderColor: '#ff00c3', borderColor: '#ff00c3',
color: '#ff00c3', color: '#ff00c3',
"&:hover": { "&:hover": {
backgroundColor: 'rgba(255, 0, 195, 0.08)', // backgroundColor: 'rgba(255, 0, 195, 0.08)',
borderColor: '#ff66d9', borderColor: '#ff66d9',
}, },
'&.MuiButton-outlinedError': { '&.MuiButton-outlinedError': {
borderColor: '#f44336', borderColor: '#f44336',
color: '#f44336', color: '#f44336',
"&:hover": { "&:hover": {
backgroundColor: 'rgba(244, 67, 54, 0.08)', // backgroundColor: 'rgba(244, 67, 54, 0.08)',
borderColor: '#d32f2f', borderColor: '#d32f2f',
}, },
}, },
@@ -155,14 +155,14 @@ const darkTheme = createTheme({
styleOverrides: { styleOverrides: {
root: { root: {
color: '#ffffff', color: '#ffffff',
"&:hover": { // "&:hover": {
backgroundColor: 'rgba(255, 0, 195, 0.08)', // backgroundColor: 'rgba(255, 0, 195, 0.08)',
}, // },
'&.MuiIconButton-colorError': { '&.MuiIconButton-colorError': {
color: '#f44336', color: '#f44336',
"&:hover": { // "&:hover": {
backgroundColor: 'rgba(244, 67, 54, 0.08)', // backgroundColor: 'rgba(244, 67, 54, 0.08)',
}, // },
}, },
}, },
}, },
@@ -181,7 +181,7 @@ const darkTheme = createTheme({
MuiAlert: { MuiAlert: {
styleOverrides: { styleOverrides: {
standardInfo: { standardInfo: {
backgroundColor: "rgba(255, 0, 195, 0.15)", // backgroundColor: "rgba(255, 0, 195, 0.15)",
color: "#ff66d9", color: "#ff66d9",
"& .MuiAlert-icon": { "& .MuiAlert-icon": {
color: "#ff66d9", color: "#ff66d9",
@@ -202,8 +202,8 @@ const darkTheme = createTheme({
MuiPaper: { MuiPaper: {
styleOverrides: { styleOverrides: {
root: { root: {
backgroundColor: '#080808ff', backgroundColor: '#000000ff',
border: '1px solid #121111ff', border: '1px solid #080808ff',
}, },
}, },
}, },
@@ -231,10 +231,18 @@ const darkTheme = createTheme({
MuiDivider: { MuiDivider: {
styleOverrides: { styleOverrides: {
root: { root: {
borderColor: '#080808ff', borderColor: '#494949ff',
}, },
}, },
}, },
// MuiTextField:{
// styleOverrides: {
// root: {
// '& .MuiInputBase-root': {
// backgroundColor: '#1d1c1cff',
// },
// }
// }}
}, },
}); });
@@ -274,4 +282,4 @@ const ThemeModeProvider = ({ children }: { children: React.ReactNode }) => {
); );
}; };
export default ThemeModeProvider; export default ThemeModeProvider;