Adding a theme to the ts app

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" } }} />