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