diff --git a/src/pages/resume.astro b/src/pages/resume.astro
index ac84fba..b59d4eb 100644
--- a/src/pages/resume.astro
+++ b/src/pages/resume.astro
@@ -137,7 +137,7 @@ if (!data) {
 
         {
             data.summary && resumeConfig.sections.summary?.enabled && (
-                <div class="card bg-base-200 shadow-xl mb-4 sm:mb-6">
+                <div class="card bg-base-300 shadow-xl mb-4 sm:mb-6">
                     <div class="card-body p-4 sm:p-6 break-words">
                         <h2 class="card-title text-xl sm:text-2xl">
                             {resumeConfig.sections.summary.title || "Summary"}
@@ -152,7 +152,7 @@ if (!data) {
             data.skills &&
                 data.skills.length > 0 &&
                 resumeConfig.sections.skills?.enabled && (
-                    <div class="card bg-base-200 shadow-xl mb-4 sm:mb-6">
+                    <div class="card bg-base-300 shadow-xl mb-4 sm:mb-6">
                         <div class="card-body p-4 sm:p-6 break-words">
                             <h2 class="card-title text-xl sm:text-2xl">
                                 {resumeConfig.sections.skills.title || "Skills"}
@@ -174,7 +174,7 @@ if (!data) {
             data.experience &&
                 data.experience.length > 0 &&
                 resumeConfig.sections.experience?.enabled && (
-                    <div class="card bg-base-200 shadow-xl mb-4 sm:mb-6">
+                    <div class="card bg-base-300 shadow-xl mb-4 sm:mb-6">
                         <div class="card-body p-4 sm:p-6 break-words">
                             <h2 class="card-title text-xl sm:text-2xl">
                                 {resumeConfig.sections.experience.title ||
@@ -223,7 +223,7 @@ if (!data) {
             data.education &&
                 data.education.length > 0 &&
                 resumeConfig.sections.education?.enabled && (
-                    <div class="card bg-base-200 shadow-xl mb-4 sm:mb-6">
+                    <div class="card bg-base-300 shadow-xl mb-4 sm:mb-6">
                         <div class="card-body p-4 sm:p-6 break-words">
                             <h2 class="card-title text-xl sm:text-2xl">
                                 {resumeConfig.sections.education.title ||
@@ -265,7 +265,7 @@ if (!data) {
             data.volunteer &&
                 data.volunteer.length > 0 &&
                 resumeConfig.sections.volunteer?.enabled && (
-                    <div class="card bg-base-200 shadow-xl mb-4 sm:mb-6">
+                    <div class="card bg-base-300 shadow-xl mb-4 sm:mb-6">
                         <div class="card-body p-4 sm:p-6 break-words">
                             <h2 class="card-title text-xl sm:text-2xl">
                                 {resumeConfig.sections.volunteer.title ||
@@ -297,7 +297,7 @@ if (!data) {
             data.awards &&
                 data.awards.length > 0 &&
                 resumeConfig.sections.awards?.enabled && (
-                    <div class="card bg-base-200 shadow-xl mb-4 sm:mb-6">
+                    <div class="card bg-base-300 shadow-xl mb-4 sm:mb-6">
                         <div class="card-body p-4 sm:p-6 break-words">
                             <h2 class="card-title text-xl sm:text-2xl">
                                 {resumeConfig.sections.awards.title ||