dark background

1 files changed, 4 insertions, 4 deletions

diff --git a/src/components/widgets/Steps2.astro b/src/components/widgets/Steps2.astro
index 7a84282..23cd72a 100644
--- a/src/components/widgets/Steps2.astro
+++ b/src/components/widgets/Steps2.astro
@@ -39,8 +39,8 @@ function makeEmailsClickable(text: string | undefined): string {
         tagline={tagline}
         classes={{
           container: 'text-center md:text-left rtl:md:text-right mb-4 md:mb-8',
-          title: 'mb-4 text-3xl lg:text-4xl font-bold font-heading',
-          subtitle: 'mb-8 text-xl text-muted dark:text-slate-400',
+          title: `mb-4 text-3xl lg:text-4xl font-bold font-heading ${typeof classes?.container === 'string' && classes.container.includes('text-white') ? 'text-white' : ''}`,
+          subtitle: `mb-8 text-xl ${typeof classes?.container === 'string' && classes.container.includes('text-white') ? 'text-gray-300' : 'text-muted dark:text-slate-400'}`,
           // ...((classes?.headline as {}) ?? {}),
         }}
       />
@@ -69,9 +69,9 @@ function makeEmailsClickable(text: string | undefined): string {
                     </span>
                   </div>
                   <div class="pl-4 rtl:pl-0 rtl:pr-4">
-                    <h3 class="mb-4 text-xl font-semibold font-heading" set:html={title2} />
+                    <h3 class={`mb-4 text-xl font-semibold font-heading ${typeof classes?.container === 'string' && classes.container.includes('text-white') ? 'text-white' : ''}`} set:html={title2} />
                     <p
-                      class="text-muted dark:text-gray-400"
+                      class={`${typeof classes?.container === 'string' && classes.container.includes('text-white') ? 'text-gray-300' : 'text-muted dark:text-gray-400'}`}
                       set:html={description ? makeEmailsClickable(description) : ''}
                     />
                   </div>