fully functional runtime stuff. Need settings then new features

electron-ui/src/renderer/App.tsx

@@ -2,6 +2,8 @@ import { MemoryRouter as Router, Routes, Route } from 'react-router-dom';
 import { useEffect, useState } from 'react';
 import { Provider } from 'react-redux';
 import Dialog from '@mui/material/Dialog';
+
+import { ThemeProvider, createTheme } from '@mui/material/styles';
 import DialogTitle from '@mui/material/DialogTitle';
 import DialogContent from '@mui/material/DialogContent';
 import DialogActions from '@mui/material/DialogActions';
@@ -150,13 +152,25 @@ function MainPage() {
 }
 
 export default function App() {
+  const theme = createTheme({
+    palette: {
+      primary: {
+        main: '#6e44ba', // plum
+      },
+      secondary: {
+        main: '#4f3186', // plumDark
+      },
+    },
+  });
   return (
     <Provider store={store}>
-      <Router>
-        <Routes>
-          <Route path="/" element={<MainPage />} />
-        </Routes>
-      </Router>
+      <ThemeProvider theme={theme}>
+        <Router>
+          <Routes>
+            <Route path="/" element={<MainPage />} />
+          </Routes>
+        </Router>
+      </ThemeProvider>
     </Provider>
   );
 }