From 143a0f0686069635bc1c0f5e07f546bf1f9a5321 Mon Sep 17 00:00:00 2001
From: Britannio Jarrett <33752528+britannio@users.noreply.github.com>
Date: Mon, 17 Nov 2025 10:28:37 +0000
Subject: [PATCH] add a theme query parameter to the the release notes url to
 make it (#1258)

theme aware

Co-authored-by: Vibe Kanban <noreply@vibekanban.com>
---
 .../dialogs/global/ReleaseNotesDialog.tsx      | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/dialogs/global/ReleaseNotesDialog.tsx b/frontend/src/components/dialogs/global/ReleaseNotesDialog.tsx
index 84390e5a..831dfc45 100644
--- a/frontend/src/components/dialogs/global/ReleaseNotesDialog.tsx
+++ b/frontend/src/components/dialogs/global/ReleaseNotesDialog.tsx
@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useState, useMemo } from 'react';
 import {
   Dialog,
   DialogContent,
@@ -9,15 +9,25 @@ import {
 import { Button } from '@/components/ui/button';
 import { AlertCircle, ExternalLink } from 'lucide-react';
 import NiceModal, { useModal } from '@ebay/nice-modal-react';
+import { useTheme } from '@/components/theme-provider';
+import { getActualTheme } from '@/utils/theme';
 
-const RELEASE_NOTES_URL = 'https://vibekanban.com/release-notes';
+const RELEASE_NOTES_BASE_URL = 'https://vibekanban.com/release-notes';
 
 export const ReleaseNotesDialog = NiceModal.create(() => {
   const modal = useModal();
   const [iframeError, setIframeError] = useState(false);
+  const { theme } = useTheme();
+
+  const releaseNotesUrl = useMemo(() => {
+    const actualTheme = getActualTheme(theme);
+    const url = new URL(RELEASE_NOTES_BASE_URL);
+    url.searchParams.set('theme', actualTheme);
+    return url.toString();
+  }, [theme]);
 
   const handleOpenInBrowser = () => {
-    window.open(RELEASE_NOTES_URL, '_blank');
+    window.open(releaseNotesUrl, '_blank');
     modal.resolve();
   };
 
@@ -57,7 +67,7 @@ export const ReleaseNotesDialog = NiceModal.create(() => {
           </div>
         ) : (
           <iframe
-            src={RELEASE_NOTES_URL}
+            src={releaseNotesUrl}
             className="flex-1 w-full border-0"
             sandbox="allow-scripts allow-same-origin allow-popups"
             referrerPolicy="no-referrer"