Merge pull request #405 from getmaxun/developer-settings
chore(ui): cleanup old theme
This commit is contained in:
89
src/App.tsx
89
src/App.tsx
@@ -1,89 +1,10 @@
|
|||||||
import React from "react";
|
import React from "react";
|
||||||
import { Routes, Route } from "react-router-dom";
|
import { Routes, Route } from "react-router-dom";
|
||||||
import { ThemeProvider, createTheme } from "@mui/material/styles";
|
|
||||||
import { GlobalInfoProvider } from "./context/globalInfo";
|
import { GlobalInfoProvider } from "./context/globalInfo";
|
||||||
import { PageWrapper } from "./pages/PageWrapper";
|
import { PageWrapper } from "./pages/PageWrapper";
|
||||||
import i18n from "./i18n";
|
import i18n from "./i18n";
|
||||||
import ThemeModeProvider from './context/theme-provider';
|
import ThemeModeProvider from './context/theme-provider';
|
||||||
|
|
||||||
|
|
||||||
const theme = createTheme({
|
|
||||||
palette: {
|
|
||||||
primary: {
|
|
||||||
main: "#ff00c3",
|
|
||||||
contrastText: "#ffffff",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
components: {
|
|
||||||
MuiButton: {
|
|
||||||
styleOverrides: {
|
|
||||||
root: {
|
|
||||||
// Default styles for all buttons (optional)
|
|
||||||
textTransform: "none",
|
|
||||||
},
|
|
||||||
containedPrimary: {
|
|
||||||
// Styles for 'contained' variant with 'primary' color
|
|
||||||
"&:hover": {
|
|
||||||
backgroundColor: "#ff66d9",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
outlined: {
|
|
||||||
// Apply white background for all 'outlined' variant buttons
|
|
||||||
backgroundColor: "#ffffff",
|
|
||||||
"&:hover": {
|
|
||||||
backgroundColor: "#f0f0f0", // Optional lighter background on hover
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
MuiLink: {
|
|
||||||
styleOverrides: {
|
|
||||||
root: {
|
|
||||||
"&:hover": {
|
|
||||||
color: "#ff00c3",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
MuiIconButton: {
|
|
||||||
styleOverrides: {
|
|
||||||
root: {
|
|
||||||
// '&:hover': {
|
|
||||||
// color: "#ff66d9",
|
|
||||||
// },
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
MuiTab: {
|
|
||||||
styleOverrides: {
|
|
||||||
root: {
|
|
||||||
textTransform: "none",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
MuiAlert: {
|
|
||||||
styleOverrides: {
|
|
||||||
standardInfo: {
|
|
||||||
backgroundColor: "#fce1f4",
|
|
||||||
color: "#ff00c3",
|
|
||||||
"& .MuiAlert-icon": {
|
|
||||||
color: "#ff00c3",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
MuiAlertTitle: {
|
|
||||||
styleOverrides: {
|
|
||||||
root: {
|
|
||||||
"& .MuiAlert-icon": {
|
|
||||||
color: "#ffffff",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
function App() {
|
function App() {
|
||||||
return (
|
return (
|
||||||
<ThemeModeProvider>
|
<ThemeModeProvider>
|
||||||
@@ -93,16 +14,6 @@ function App() {
|
|||||||
</Routes>
|
</Routes>
|
||||||
</GlobalInfoProvider>
|
</GlobalInfoProvider>
|
||||||
</ThemeModeProvider>
|
</ThemeModeProvider>
|
||||||
|
|
||||||
// <ThemeProvider theme={theme}>
|
|
||||||
|
|
||||||
// <GlobalInfoProvider>
|
|
||||||
// <Routes>
|
|
||||||
// <Route path="/*" element={<PageWrapper />} />
|
|
||||||
// </Routes>
|
|
||||||
// </GlobalInfoProvider>
|
|
||||||
|
|
||||||
// </ThemeProvider>
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user