cleaning up and trying to get new carbon components

packages/desktop/src/pages/nirvanaApp.tsx

@@ -1,5 +1,6 @@
 import { QueryClient, QueryClientProvider } from "react-query";
 
+import { GlobalTheme } from "@carbon/react";
 import Login from "./Login";
 import NirvanaRouter from "./router";
 import ProtectedRoute from "../components/ProtectedRoute";
@@ -20,13 +21,14 @@ function NirvanaApp() {
   return (
     <>
       <QueryClientProvider client={queryClient}>
-        <RecoilRoot>
-          <ProtectedRoute>
-            <NirvanaRouter />
-          </ProtectedRoute>
-          <ReactQueryDevtools initialIsOpen={true} position={"bottom-left"} />
-        </RecoilRoot>
-
+        <GlobalTheme theme="white">
+          <RecoilRoot>
+            <ProtectedRoute>
+              <NirvanaRouter />
+            </ProtectedRoute>
+            <ReactQueryDevtools initialIsOpen={true} position={"bottom-left"} />
+          </RecoilRoot>
+        </GlobalTheme>
         <Toaster />
       </QueryClientProvider>
     </>

packages/desktop/src/styles/carbon.scss

@@ -1,8 +1 @@
-@import "carbon-components/scss/globals/scss/styles.scss";
-
-// TODO: important, note that if current version of sass in package.json is causing issues, install ^1.29.0
-$body-color: red;
-
-body {
-  color: $body-color !important;
-}
+@use "@carbon/react";