From c90acc2765d4b7ca7e599a16a73fb104c68fb50b Mon Sep 17 00:00:00 2001
From: ewandor <ewandor@dorfsvald.net>
Date: Mon, 21 Apr 2025 01:28:54 +0200
Subject: [PATCH] Adding a theme to the ts app

---
 gui/rpk-gui/src/App.tsx   | 10 ++++------
 gui/rpk-gui/src/theme.tsx |  5 +++++
 2 files changed, 9 insertions(+), 6 deletions(-)
 create mode 100644 gui/rpk-gui/src/theme.tsx

diff --git a/gui/rpk-gui/src/App.tsx b/gui/rpk-gui/src/App.tsx
index bd41d72..62ad6cf 100644
--- a/gui/rpk-gui/src/App.tsx
+++ b/gui/rpk-gui/src/App.tsx
@@ -1,9 +1,6 @@
 import { Authenticated, Refine } from "@refinedev/core";
 
-import {
-  RefineSnackbarProvider, RefineThemes,
-  useNotificationProvider,
-} from "@refinedev/mui";
+import { RefineSnackbarProvider, useNotificationProvider } from "@refinedev/mui";
 
 import CssBaseline from "@mui/material/CssBaseline";
 import GlobalStyles from "@mui/material/GlobalStyles";
@@ -14,7 +11,7 @@ import routerBindings, {
   DocumentTitleHandler,
   UnsavedChangesNotifier,
 } from "@refinedev/react-router";
-import { BrowserRouter, Link, Outlet, Route, Routes } from "react-router";
+import { BrowserRouter, Outlet, Route, Routes } from "react-router";
 import { authProvider } from "./providers/auth-provider";
 import { dataProvider } from "./providers/data-provider";
 import { ColorModeContextProvider } from "./contexts/color-mode";
@@ -26,11 +23,12 @@ import { UpdatePassword } from "./components/auth/UpdatePassword";
 import { Header } from "./components";
 import { HubRoutes } from "./pages/hub";
 import { FirmRoutes } from "./pages/firm";
+import rpcTheme from "./theme";
 
 function App() {
   return (
     <BrowserRouter>
-      <ThemeProvider theme={RefineThemes.Blue}>
+      <ThemeProvider theme={rpcTheme}>
         <ColorModeContextProvider>
           <CssBaseline />
           <GlobalStyles styles={{ html: { WebkitFontSmoothing: "auto" } }} />
diff --git a/gui/rpk-gui/src/theme.tsx b/gui/rpk-gui/src/theme.tsx
new file mode 100644
index 0000000..7ccf6ee
--- /dev/null
+++ b/gui/rpk-gui/src/theme.tsx
@@ -0,0 +1,5 @@
+import { createTheme } from "@mui/material/styles";
+
+const rpcTheme = createTheme({});
+
+export default rpcTheme