diff --git a/frontend/src/layouts/Layout.astro b/frontend/src/layouts/Layout.astro
index f6274a0..76976de 100644
--- a/frontend/src/layouts/Layout.astro
+++ b/frontend/src/layouts/Layout.astro
@@ -40,7 +40,12 @@ try {
         {siteConfig.custom_css && <style set:html={siteConfig.custom_css} />}
 	</head>
 	<body class={`bg-base text-text selection:bg-surface2 selection:text-text ${siteConfig.theme}`}>
-        <div class="fixed inset-0 z-[-1] bg-[radial-gradient(ellipse_at_top,_var(--tw-gradient-stops))] from-surface0 via-base to-base"></div>
+        <!-- Dynamic Mesh Gradient Background -->
+        <div class="fixed inset-0 z-[-1] overflow-hidden bg-base">
+            <div class="absolute top-[-10%] left-[-10%] w-[60%] h-[50%] rounded-full bg-mauve/15 blur-[120px] opacity-70 animate-pulse" style="animation-duration: 10s;"></div>
+            <div class="absolute bottom-[-10%] right-[-10%] w-[60%] h-[60%] rounded-full bg-blue/15 blur-[120px] opacity-60 animate-pulse" style="animation-duration: 15s;"></div>
+            <div class="absolute top-[30%] right-[10%] w-[40%] h-[40%] rounded-full bg-teal/10 blur-[100px] opacity-50 animate-pulse" style="animation-duration: 12s;"></div>
+        </div>
 		
         <nav class="max-w-6xl mx-auto px-4 md:px-6 py-4 md:py-8">
             <header class="glass px-4 py-3 md:px-6 md:py-4 flex items-center justify-between">
diff --git a/frontend/src/pages/admin/editor.astro b/frontend/src/pages/admin/editor.astro
index 1668058..e38254d 100644
--- a/frontend/src/pages/admin/editor.astro
+++ b/frontend/src/pages/admin/editor.astro
@@ -3,7 +3,7 @@ import AdminLayout from '../../layouts/AdminLayout.astro';
 ---
 
 <AdminLayout title="Write Post">
-    <p slot="header-subtitle" id="post-status" class="text-subtext1 mt-2 text-sm md:text-base">Create a new masterpiece.</p>
+    <p slot="header-subtitle" id="post-status" class="text-subtext1 mt-2 text-sm md:text-base">Create/Edit post.</p>
 
     <div slot="header-actions" class="flex gap-4 w-full">
         <button id="delete-btn" class="hidden text-red hover:bg-red/10 px-6 py-3 rounded-lg transition-colors font-bold border border-red/20 w-full md:w-auto">
diff --git a/frontend/src/pages/admin/settings.astro b/frontend/src/pages/admin/settings.astro
index 14fcb35..b171878 100644
--- a/frontend/src/pages/admin/settings.astro
+++ b/frontend/src/pages/admin/settings.astro
@@ -3,7 +3,7 @@ import AdminLayout from '../../layouts/AdminLayout.astro';
 ---
 
 <AdminLayout title="Site Settings">
-    <p slot="header-subtitle" class="text-subtext1 mt-2 text-sm md:text-base">Configure how your blog looks and feels globally.</p>
+    <p slot="header-subtitle" class="mt-2 text-sm md:text-base" style="color: var(--text) !important;">Configure how your blog looks and feels globally.</p>
 
     <form id="settings-form" class="space-y-8">
         <div id="alert" class="hidden p-4 rounded-lg mb-6"></div>
diff --git a/frontend/src/pages/index.astro b/frontend/src/pages/index.astro
index b7f3930..c8a4d76 100644
--- a/frontend/src/pages/index.astro
+++ b/frontend/src/pages/index.astro
@@ -65,7 +65,7 @@ function formatSlug(slug: string) {
 			)}
 			
 			{posts.length === 0 && !error && (
-				<div class="glass p-8 md:p-12 text-center text-subtext1 text-sm md:text-base">
+				<div class="glass p-8 md:p-12 text-center text-sm md:text-base" style="color: var(--text) !important;">
 					<p>No posts found yet. Add some .md files to the data/posts directory!</p>
 				</div>
 			)}
