diff --git a/apps/website/pages/_app.tsx b/apps/website/pages/_app.tsx
index fdffe9c9a5..388290d1a0 100644
--- a/apps/website/pages/_app.tsx
+++ b/apps/website/pages/_app.tsx
@@ -2,7 +2,7 @@ import { ReactElement, ReactNode, useMemo, useState } from "react";
import type { NextPage } from "next";
import type { AppProps } from "next/app";
import Head from "next/head";
-import { DxcApplicationLayout, DxcToastsQueue } from "@dxc-technology/halstack-react";
+import { DxcApplicationLayout, DxcButton, DxcToastsQueue } from "@dxc-technology/halstack-react";
import MainContent from "@/common/MainContent";
import { useRouter } from "next/router";
import { LinkDetails, LinksSectionDetails, LinksSections } from "@/common/pagesList";
@@ -31,6 +31,7 @@ export default function App({ Component, pageProps, emotionCache = clientSideEmo
const componentWithLayout = getLayout();
const [filter, setFilter] = useState("");
const { asPath: currentPath } = useRouter();
+ const isThemeGenerator = currentPath.includes("/theme-generator");
const matchPaths = (linkPath: string) => {
const desiredPaths = [linkPath, `${linkPath}/code`];
@@ -109,14 +110,35 @@ export default function App({ Component, pageProps, emotionCache = clientSideEmo
}
+ header={
+ isThemeGenerator ? (
+
+
+
+ }
+ />
+ ) : (
+
+ )
+ }
sidenav={
- }
- searchBar={{ placeholder: "Search docs", onChange: (value) => setFilter(value) }}
- />
+ !isThemeGenerator && (
+ }
+ searchBar={{ placeholder: "Search docs", onChange: (value) => setFilter(value) }}
+ />
+ )
}
+ footer={isThemeGenerator && }
>
diff --git a/apps/website/pages/theme-generator/index.tsx b/apps/website/pages/theme-generator/index.tsx
new file mode 100644
index 0000000000..35283e0fcd
--- /dev/null
+++ b/apps/website/pages/theme-generator/index.tsx
@@ -0,0 +1,15 @@
+import Head from "next/head";
+import ThemeGeneratorPage from "screens/utilities/theme-generator/ThemeGeneratorPage";
+
+const Index = () => {
+ return (
+ <>
+
+ Theme generator — Halstack Design System
+
+
+
+ );
+};
+
+export default Index;
diff --git a/apps/website/public/dxc_footer_logo.svg b/apps/website/public/dxc_footer_logo.svg
deleted file mode 100644
index 522bab5a75..0000000000
--- a/apps/website/public/dxc_footer_logo.svg
+++ /dev/null
@@ -1,32 +0,0 @@
-
\ No newline at end of file
diff --git a/apps/website/public/dxc_header_logo.svg b/apps/website/public/dxc_header_logo.svg
deleted file mode 100644
index b98a0044d5..0000000000
--- a/apps/website/public/dxc_header_logo.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-
\ No newline at end of file
diff --git a/apps/website/screens/common/images/dxc_logo.tsx b/apps/website/screens/common/images/dxc_logo.tsx
index b674855295..619d15e7cc 100644
--- a/apps/website/screens/common/images/dxc_logo.tsx
+++ b/apps/website/screens/common/images/dxc_logo.tsx
@@ -1,19 +1,26 @@
export const dxcLogo = (
-