dark background

1 files changed, 9 insertions, 1 deletions

diff --git a/src/components/widgets/Portfolio.astro b/src/components/widgets/Portfolio.astro
index d4016a7..9aaeee0 100644
--- a/src/components/widgets/Portfolio.astro
+++ b/src/components/widgets/Portfolio.astro
@@ -21,7 +21,15 @@ const {
 ---
 
 <WidgetWrapper id={id} isDark={isDark} containerClass={`max-w-7xl mx-auto ${classes?.container ?? ''}`} bg={bg}>
-  <Headline title={title} subtitle={subtitle} tagline={tagline} />
+  <Headline 
+    title={title} 
+    subtitle={subtitle} 
+    tagline={tagline}
+    classes={{
+      title: typeof classes?.container === 'string' && classes.container.includes('text-white') ? 'text-white' : '',
+      subtitle: 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="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">