dark background

1 files changed, 6 insertions, 6 deletions

diff --git a/src/components/widgets/Content.astro b/src/components/widgets/Content.astro
index 694a198..fd99458 100644
--- a/src/components/widgets/Content.astro
+++ b/src/components/widgets/Content.astro
@@ -37,14 +37,14 @@ const {
     tagline={tagline}
     classes={{
       container: 'max-w-xl sm:mx-auto lg:max-w-2xl',
-      title: 'text-4xl md:text-5xl font-bold tracking-tighter mb-4 font-heading',
-      subtitle: 'max-w-3xl mx-auto sm:text-center text-xl text-muted dark:text-slate-400',
+      title: `text-4xl md:text-5xl font-bold tracking-tighter mb-4 font-heading ${typeof classes?.container === 'string' && classes.container.includes('text-white') ? 'text-white' : ''}`,
+      subtitle: `max-w-3xl mx-auto sm:text-center text-xl ${typeof classes?.container === 'string' && classes.container.includes('text-white') ? 'text-gray-300' : 'text-muted dark:text-slate-400'}`,
     }}
   />
   <div class="mx-auto max-w-7xl p-4 md:px-8">
     <div class={`md:flex ${isReversed ? 'md:flex-row-reverse' : ''} md:gap-16`}>
       <div class="md:basis-1/2 self-center">
-        {content && <div class="mb-12 text-lg dark:text-slate-400" set:html={content} />}
+        {content && <div class={`mb-12 text-lg ${typeof classes?.container === 'string' && classes.container.includes('text-white') ? 'text-gray-300' : 'dark:text-slate-400'}`} set:html={content} />}
 
         {
           callToAction && (
@@ -61,10 +61,10 @@ const {
           classes={{
             container: `gap-y-4 md:gap-y-8`,
             panel: 'max-w-none',
-            title: 'text-lg font-medium leading-6 dark:text-white ml-2 rtl:ml-0 rtl:mr-2',
-            description: 'text-muted dark:text-slate-400 ml-2 rtl:ml-0 rtl:mr-2',
+            title: `text-lg font-medium leading-6 ${typeof classes?.container === 'string' && classes.container.includes('text-white') ? 'text-white' : 'dark:text-white'} ml-2 rtl:ml-0 rtl:mr-2`,
+            description: `${typeof classes?.container === 'string' && classes.container.includes('text-white') ? 'text-gray-300' : 'text-muted dark:text-slate-400'} ml-2 rtl:ml-0 rtl:mr-2`,
             icon: 'flex h-7 w-7 items-center justify-center rounded-full bg-green-600 dark:bg-green-700 text-gray-50 p-1',
-            action: 'text-lg font-medium leading-6 dark:text-white ml-2 rtl:ml-0 rtl:mr-2',
+            action: `text-lg font-medium leading-6 ${typeof classes?.container === 'string' && classes.container.includes('text-white') ? 'text-white' : 'dark:text-white'} ml-2 rtl:ml-0 rtl:mr-2`,
           }}
         />
       </div>