style: brand color adjusted (#7)

Some adjustments of the brand colors

examples/package.json

@@ -19,23 +19,9 @@
     "serve": "vite preview"
   },
   "dependencies": {
-    "@axiscommunications/fluent-hooks": "workspace:*",
-    "@axiscommunications/fluent-icons": "workspace:*",
-    "@axiscommunications/fluent-notification-bar": "workspace:*",
-    "@axiscommunications/fluent-password-input": "workspace:*",
-    "@axiscommunications/fluent-slider": "workspace:*",
-    "@axiscommunications/fluent-stepper": "workspace:*",
-    "@axiscommunications/fluent-styles": "workspace:*",
-    "@axiscommunications/fluent-theme": "workspace:*",
-    "@axiscommunications/fluent-topbar": "workspace:*",
-    "@fluentui/react-components": "^9.26.0",
-    "@fluentui/react-context-selector": "^9.1.26",
-    "@fluentui/react-icons": "^2.0.196",
-    "@griffel/react": "^1.5.11",
     "@vitejs/plugin-react": "^1.3.2",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-router-dom": "6.8.1",
     "scheduler": "0.20.0",
     "vite": "^3.0.9"
   },

examples/src/App.tsx

@@ -1,41 +1,7 @@
-import { FluentProvider } from "@fluentui/react-components";
-import React, { useMemo } from "react";
-import { HashRouter, Route, Routes } from "react-router-dom";
-import { useAppContext } from "./context/ApplicationStateProvider";
-import { MainPage } from "./main-page";
-import { PageNotFound } from "./routing/page-not-found";
-import { getRouteByGroup, RouteGroup } from "./routing/route-map";
-import { routes } from "./routing/routes";
-import { useScrollStaticStyles } from "@axiscommunications/fluent-styles";
-import { WelcomePage } from "./landingpage";
-
+import React from "react";
 export const App = () => {
-  useScrollStaticStyles();
-  const theme = useAppContext((context) => context.theme);
-  const dir = useAppContext((context) => context.dir);
-
-  const storyRoutes = getRouteByGroup(RouteGroup.STORY);
-
-  const renderStoryRoutes = useMemo(
-    () =>
-      Array.from(storyRoutes.entries()).map((entry) => {
-        const [key, [route, routeData]] = entry;
-        return <Route key={key} path={route} element={routeData.element} />;
-      }),
-    [storyRoutes]
-  );
 
   return (
-    <FluentProvider theme={theme} dir={dir}>
-      <HashRouter>
-        <Routes>
-          <Route path={routes.Home} element={<MainPage />}>
-            <Route index element={<WelcomePage />} />
-            {renderStoryRoutes}
-            <Route path="*" element={<PageNotFound />} />
-          </Route>
-        </Routes>
-      </HashRouter>
-    </FluentProvider>
+    <p>Denna sida är under debugging :D</p>
   );
 };