Skip to content

[doc] Add Theme Generator page, update navigation links and folder structure #2397

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Jialecl merged 3 commits into from
Feb 18, 2026
+71 −68
Merged

[doc] Add Theme Generator page, update navigation links and folder structure #2397

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
a1c09ac
Add Theme Generator page, update navigation links and folder structure
PelayoFelgueroso Feb 18, 2026
def307f
remove unnecesary styles
PelayoFelgueroso Feb 18, 2026
234069c
change url from /utilities/theme-generator to /theme-generator, remov…
PelayoFelgueroso Feb 18, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
36 changes: 29 additions & 7 deletions apps/website/pages/_app.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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";
Expand Down Expand Up @@ -31,6 +31,7 @@ export default function App({ Component, pageProps, emotionCache = clientSideEmo
const componentWithLayout = getLayout(<Component {...pageProps} />);
const [filter, setFilter] = useState("");
const { asPath: currentPath } = useRouter();
const isThemeGenerator = currentPath.includes("/theme-generator");

const matchPaths = (linkPath: string) => {
const desiredPaths = [linkPath, `${linkPath}/code`];
Expand Down Expand Up @@ -109,14 +110,35 @@ export default function App({ Component, pageProps, emotionCache = clientSideEmo
</Head>
<DxcApplicationLayout
logo={{ src: dxcLogo, alt: "DXC Technology" }}
header={<DxcApplicationLayout.Header />}
header={
isThemeGenerator ? (
<DxcApplicationLayout.Header
appTitle="Theme Generator"
sideContent={
<Link href="/utilities/theme-generator/user-guide">
<DxcButton
label="Halstack Design System"
icon="description"
mode="secondary"
size={{ height: "large", width: "fitContent" }}
/>
</Link>
}
/>
) : (
<DxcApplicationLayout.Header />
)
}
sidenav={
<DxcApplicationLayout.Sidenav
navItems={navItems}
appTitle={<SidenavLogo />}
searchBar={{ placeholder: "Search docs", onChange: (value) => setFilter(value) }}
/>
!isThemeGenerator && (
<DxcApplicationLayout.Sidenav
navItems={navItems}
appTitle={<SidenavLogo />}
searchBar={{ placeholder: "Search docs", onChange: (value) => setFilter(value) }}
/>
)
}
footer={isThemeGenerator && <DxcApplicationLayout.Footer mode="reduced" />}
>
<DxcApplicationLayout.Main>
<DxcToastsQueue duration={7000}>
Expand Down
15 changes: 15 additions & 0 deletions apps/website/pages/theme-generator/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
import Head from "next/head";
import ThemeGeneratorPage from "screens/utilities/theme-generator/ThemeGeneratorPage";

const Index = () => {
return (
<>
<Head>
<title>Theme generator — Halstack Design System</title>
</Head>
<ThemeGeneratorPage />
</>
);
};

export default Index;
32 changes: 0 additions & 32 deletions apps/website/public/dxc_footer_logo.svg
View file
Open in desktop

This file was deleted.

13 changes: 0 additions & 13 deletions apps/website/public/dxc_header_logo.svg
View file
Open in desktop

This file was deleted.

39 changes: 23 additions & 16 deletions apps/website/screens/common/images/dxc_logo.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,19 +1,26 @@
export const dxcLogo = (
<svg xmlns="http://www.w3.org/2000/svg" width="73" height="40" viewBox="0 0 73 40">
<title>DXC Logo</title>
<g transform="translate(0)">
<g>
<path
d="M91.613-28.177v2.514H90.231V-28.15l-2.415-3.82h1.616l1.5,2.532,1.526-2.532h1.571ZM83.9-25.555A3.15,3.15,0,0,1,80.6-28.8v-.018a3.231,3.231,0,0,1,3.294-3.262,3.442,3.442,0,0,1,2.469.865l-.87,1.054a2.311,2.311,0,0,0-1.643-.64,1.891,1.891,0,0,0-1.8,1.964v.018a1.886,1.886,0,0,0,1.9,2,2.2,2.2,0,0,0,1.3-.378v-.9H83.858v-1.2h2.729v2.738A4.071,4.071,0,0,1,83.9-25.555Zm-6.416-3.261a1.913,1.913,0,0,0-1.9-1.982A1.883,1.883,0,0,0,73.7-28.835v.018a1.913,1.913,0,0,0,1.9,1.982A1.883,1.883,0,0,0,77.486-28.8Zm-1.9,3.261a3.225,3.225,0,0,1-3.33-3.243v-.018A3.255,3.255,0,0,1,75.6-32.078a3.225,3.225,0,0,1,3.331,3.243v.018A3.255,3.255,0,0,1,75.583-25.555Zm-9.173-.108V-31.97h1.382v5.045h3.133v1.261Zm-3.433-3.153a1.913,1.913,0,0,0-1.9-1.982,1.883,1.883,0,0,0-1.886,1.964v.018a1.913,1.913,0,0,0,1.9,1.982A1.883,1.883,0,0,0,62.978-28.8Zm-1.9,3.261a3.225,3.225,0,0,1-3.33-3.243v-.018a3.255,3.255,0,0,1,3.348-3.262,3.225,3.225,0,0,1,3.331,3.243v.018A3.255,3.255,0,0,1,61.075-25.555Zm-6.508-.108-3.043-4.009v4.009H50.159V-31.97h1.275l2.944,3.883V-31.97h1.364v6.306Zm-8.246,0v-2.531h-2.55v2.531H42.389V-31.97h1.382v2.5h2.55v-2.5H47.7v6.306Zm-8.432.108A3.178,3.178,0,0,1,34.666-28.8v-.018a3.2,3.2,0,0,1,3.276-3.262,3.237,3.237,0,0,1,2.478.973l-.88,1.018a2.315,2.315,0,0,0-1.606-.712,1.866,1.866,0,0,0-1.822,1.964v.018a1.87,1.87,0,0,0,1.822,1.982,2.265,2.265,0,0,0,1.651-.739l.88.891A3.206,3.206,0,0,1,37.889-25.555Zm-9.805-.108V-31.97h4.739v1.235H29.458v1.279h2.962v1.234H29.458V-26.9h3.411v1.234ZM24.322-30.69v5.027H22.939V-30.69H21.028v-1.28h5.206v1.28H24.322"
transform="translate(-21.028 65.555)"
fill="#010101"
/>
<path
d="M75.836-76.712a8.975,8.975,0,0,1,2.246-3.9,8.393,8.393,0,0,1,6.058-2.457h9.824v-5.67H84.139a14.611,14.611,0,0,0-10.232,4.221,14.509,14.509,0,0,0-3.076,4.536,11.913,11.913,0,0,0-.973,3.271Zm0,4.325a8.978,8.978,0,0,0,2.246,3.9,8.394,8.394,0,0,0,6.058,2.457h9.824v5.67H84.139A14.611,14.611,0,0,1,73.907-64.58a14.506,14.506,0,0,1-3.076-4.536,11.91,11.91,0,0,1-.973-3.271ZM57.522-69.832l-7.5,9.473H42.581L53.818-74.55,42.581-88.739H50.02l7.5,9.472,7.5-9.472h7.439L61.225-74.55l11.237,14.19H65.023Zm-12.336-6.88a11.935,11.935,0,0,0-.973-3.271,14.515,14.515,0,0,0-3.076-4.536A14.612,14.612,0,0,0,30.9-88.739H21.081v5.67H30.9a8.394,8.394,0,0,1,6.058,2.457,8.978,8.978,0,0,1,2.246,3.9Zm0,4.325a11.932,11.932,0,0,1-.973,3.271,14.511,14.511,0,0,1-3.076,4.536A14.611,14.611,0,0,1,30.9-60.359H21.081v-5.67H30.9a8.4,8.4,0,0,0,6.058-2.457,8.981,8.981,0,0,0,2.246-3.9h5.978"
transform="translate(-21.049 88.739)"
fill="#603494"
/>
</g>
</g>
<svg xmlns="http://www.w3.org/2000/svg" width="860" height="240" viewBox="0 0 860 240" fill="none">
Expand commentComment on line R9Resolved
<path
d="M220.055 60.7583C252.905 60.7583 279.643 87.4387 279.644 120.247C279.644 153.055 252.905 179.735 220.055 179.735H61V155.455H220.055C239.522 155.455 255.362 139.657 255.362 120.247C255.362 100.836 239.522 85.0396 220.055 85.0396H61V60.7583H220.055ZM798 85.0386H638.945C619.478 85.0386 603.638 100.836 603.638 120.247C603.638 139.657 619.478 155.454 638.945 155.454H798V179.735H638.945C606.08 179.735 579.357 153.054 579.356 120.247C579.356 87.4387 606.095 60.7573 638.945 60.7573H798V85.0386ZM556.104 85.0386C530.11 85.0387 511.856 96.5366 492.531 108.706C486.261 112.662 479.906 116.647 473.278 120.204C479.905 123.76 486.261 127.744 492.531 131.701C511.856 143.87 530.11 155.368 556.104 155.368V179.649C523.097 179.649 499.987 165.095 479.591 152.254C462.637 141.585 447.997 132.358 430.058 132.358C412.118 132.358 397.478 141.571 380.524 152.254C360.128 165.095 337.018 179.649 304.011 179.649V155.368C330.006 155.368 348.259 143.87 367.584 131.701C373.854 127.744 380.211 123.76 386.838 120.204C380.211 116.647 373.854 112.662 367.584 108.706C348.259 96.5366 330.006 85.0386 304.011 85.0386V60.7573C337.018 60.7573 360.128 75.3119 380.524 88.1665C397.478 98.8358 412.118 108.063 430.058 108.063V108.048C447.997 108.048 462.637 98.8364 479.591 88.1528C499.987 75.3125 523.097 60.7575 556.104 60.7573V85.0386Z"
fill="url(#paint0_radial_1679_944)"
/>
<defs>
<radialGradient
id="paint0_radial_1679_944"
cx="0"
cy="0"
r="1"
gradientTransform="matrix(402.422 -113.55 49.0928 173.987 432 120.032)"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#FFB87E" />
<stop offset="0.163458" stop-color="#FFA962" />
<stop offset="0.337937" stop-color="#FEA15F" />
<stop offset="0.557693" stop-color="#FF7E51" />
<stop offset="0.839777" stop-color="#B88A99" />
<stop offset="1" stop-color="#6399F0" />
</radialGradient>
</defs>
</svg>
);
4 changes: 4 additions & 0 deletions apps/website/screens/utilities/theme-generator/ThemeGeneratorPage.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
const ThemeGeneratorPage = () => {
return <></>;
};
export default ThemeGeneratorPage;