3 files changed, 3 insertions, 3 deletions
diff --git a/src/components/ui/Background.astro b/src/components/ui/Background.astro
index 1093c17..f220487 100644
--- a/src/components/ui/Background.astro
+++ b/src/components/ui/Background.astro
@@ -6,6 +6,6 @@ export interface Props {
 const { isDark = false } = Astro.props;
 ---
 
-<div class:list={['absolute inset-0', { 'bg-dark dark:bg-transparent': isDark }]}>
+<div class:list={['absolute inset-0', { 'bg-section dark:bg-dark': isDark }]}>
   <slot />
 </div>
diff --git a/src/components/ui/Headline.astro b/src/components/ui/Headline.astro
index 621b23d..6b906b0 100644
--- a/src/components/ui/Headline.astro
+++ b/src/components/ui/Headline.astro
@@ -20,7 +20,7 @@ const {
   (title || subtitle || tagline) && (
     <div class={twMerge('mb-8 md:mx-auto md:mb-12 text-center', containerClass)}>
       {tagline && (
-        <p class="text-base text-secondary dark:text-blue-200 font-bold tracking-wide uppercase" set:html={tagline} />
+        <p class="text-base text-secondary dark:text-primary font-bold tracking-wide uppercase" set:html={tagline} />
       )}
       {title && (
         <h2
diff --git a/src/components/ui/Timeline.astro b/src/components/ui/Timeline.astro
index 51e09f0..b25c9de 100644
--- a/src/components/ui/Timeline.astro
+++ b/src/components/ui/Timeline.astro
@@ -16,7 +16,7 @@ const {
   panel: panelClass = '',
   title: titleClass = '',
   description: descriptionClass = '',
-  icon: defaultIconClass = 'text-primary dark:text-slate-200 border-primary dark:border-blue-700',
+  icon: defaultIconClass = 'text-primary dark:text-slate-200 border-primary dark:border-secondary',
 } = classes;
 ---