From 0141bce8eca9d4bb41f062cd1efef20ee556de76 Mon Sep 17 00:00:00 2001
From: Jialecl <jialestrabajos@gmail.com>
Date: Wed, 18 Mar 2026 13:05:45 +0100
Subject: [PATCH 1/2] Tokens export file name changed and added imports for the
 images

---
 .../screens/theme-generator/ThemeGeneratorPage.tsx  |   6 ++++--
 .../images}/theme-generator-landing-bg-flipped.png  | Bin
 .../images}/theme-generator-landing-bg.png          | Bin
 apps/website/screens/theme-generator/utils.ts       |   2 +-
 4 files changed, 5 insertions(+), 3 deletions(-)
 rename apps/website/{public => screens/theme-generator/images}/theme-generator-landing-bg-flipped.png (100%)
 rename apps/website/{public => screens/theme-generator/images}/theme-generator-landing-bg.png (100%)

diff --git a/apps/website/screens/theme-generator/ThemeGeneratorPage.tsx b/apps/website/screens/theme-generator/ThemeGeneratorPage.tsx
index a2d9df2e0..0d9578d9c 100644
--- a/apps/website/screens/theme-generator/ThemeGeneratorPage.tsx
+++ b/apps/website/screens/theme-generator/ThemeGeneratorPage.tsx
@@ -11,6 +11,8 @@ import {
 import Link from "next/link";
 import LandingCards from "./components/LandingCards";
 import LandingSteps from "./components/LandingSteps";
+import landingImage from "../images/theme-generator-landing-bg.png";
+import landingImageFlipped from "../images/theme-generator-landing-bg-flipped.png";
 
 const steps = [
   {
@@ -58,7 +60,7 @@ const ThemeGeneratorPage = () => {
         width="100%"
         boxSizing="border-box"
         background={{
-          image: "url(/theme-generator-landing-bg.png)",
+          image: `url(${landingImage.src})`,
           position: "0px 50%",
           size: "cover",
         }}
@@ -114,7 +116,7 @@ const ThemeGeneratorPage = () => {
         width="100%"
         boxSizing="border-box"
         background={{
-          image: "url(/theme-generator-landing-bg-flipped.png)",
+          image: `url(${landingImageFlipped.src})`,
           size: "cover",
         }}
         height="329px"
diff --git a/apps/website/public/theme-generator-landing-bg-flipped.png b/apps/website/screens/theme-generator/images/theme-generator-landing-bg-flipped.png
similarity index 100%
rename from apps/website/public/theme-generator-landing-bg-flipped.png
rename to apps/website/screens/theme-generator/images/theme-generator-landing-bg-flipped.png
diff --git a/apps/website/public/theme-generator-landing-bg.png b/apps/website/screens/theme-generator/images/theme-generator-landing-bg.png
similarity index 100%
rename from apps/website/public/theme-generator-landing-bg.png
rename to apps/website/screens/theme-generator/images/theme-generator-landing-bg.png
diff --git a/apps/website/screens/theme-generator/utils.ts b/apps/website/screens/theme-generator/utils.ts
index e9830f8bf..3cbcc2ba4 100644
--- a/apps/website/screens/theme-generator/utils.ts
+++ b/apps/website/screens/theme-generator/utils.ts
@@ -97,7 +97,7 @@ export const handleExport = (themeJson: string) => {
   const dataStr = "data:text/json;charset=utf-8," + encodeURIComponent(themeJson);
   const downloadAnchorNode = document.createElement("a");
   downloadAnchorNode.setAttribute("href", dataStr);
-  downloadAnchorNode.setAttribute("download", "halstack-theme-tokens.json");
+  downloadAnchorNode.setAttribute("download", "halstack-theme.json");
   document.body.appendChild(downloadAnchorNode);
   downloadAnchorNode.click();
   downloadAnchorNode.remove();

From a0efa569bfce4bf0ac3dfea888ed8869d09f521b Mon Sep 17 00:00:00 2001
From: Jialecl <jialestrabajos@gmail.com>
Date: Wed, 18 Mar 2026 13:11:46 +0100
Subject: [PATCH 2/2] removed incorrect path

---
 apps/website/screens/theme-generator/ThemeGeneratorPage.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/website/screens/theme-generator/ThemeGeneratorPage.tsx b/apps/website/screens/theme-generator/ThemeGeneratorPage.tsx
index 0d9578d9c..73ae5f689 100644
--- a/apps/website/screens/theme-generator/ThemeGeneratorPage.tsx
+++ b/apps/website/screens/theme-generator/ThemeGeneratorPage.tsx
@@ -11,8 +11,8 @@ import {
 import Link from "next/link";
 import LandingCards from "./components/LandingCards";
 import LandingSteps from "./components/LandingSteps";
-import landingImage from "../images/theme-generator-landing-bg.png";
-import landingImageFlipped from "../images/theme-generator-landing-bg-flipped.png";
+import landingImage from "./images/theme-generator-landing-bg.png";
+import landingImageFlipped from "./images/theme-generator-landing-bg-flipped.png";
 
 const steps = [
   {