From 97da352226b701f39740fb267a6d718e97687508 Mon Sep 17 00:00:00 2001 From: DuskWarden Date: Mon, 11 May 2026 21:58:24 +0530 Subject: [PATCH] fix(ui): add dark theme visibility to Newsletter component text --- components/NewsletterSubscribe.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/components/NewsletterSubscribe.tsx b/components/NewsletterSubscribe.tsx index 2d5983b13a1b..785930194581 100644 --- a/components/NewsletterSubscribe.tsx +++ b/components/NewsletterSubscribe.tsx @@ -41,7 +41,7 @@ interface NewsletterSubscribeProps { * @param {string} props.errorSubtitle - The error subtitle to be displayed. */ export default function NewsletterSubscribe({ - className = 'p-8 text-center text-black', + className = 'p-8 text-center', dark = false, title = 'Subscribe to our newsletter to receive news about AsyncAPI.', subtitle = 'We respect your inbox. No spam, promise ✌️', @@ -54,8 +54,8 @@ export default function NewsletterSubscribe({ const { t, ready } = useTranslation('common', { keyPrefix: 'newsletterCTA' }); - const headTextColor = dark ? 'text-white' : ''; - const paragraphTextColor = dark ? 'text-gray-300' : ''; + const headTextColor = dark ? 'text-white' : 'text-darkGunMetal dark:text-white'; + const paragraphTextColor = dark ? 'text-gray-300' : 'text-gray-700 dark:text-gray-300'; const setFormStatus = (formResponse: FormStatus) => { setStatus(formResponse);