Update click button

src/pages/Calendar.tsx

@@ -266,7 +266,7 @@ const CalendarPage = () => {
       <div className="border-b last:border-b-0 pb-4 last:pb-0 mb-4 last:mb-0">
         <div className="flex justify-between items-start">
           <div>
-            <h3 className="font-semibold text-lg">{conf.title}</h3>
+            <h3 className="font-semibold text-lg text-neutral-900">{conf.title}</h3>
             {conf.full_name && (
               <p className="text-sm text-neutral-600 mb-2">{conf.full_name}</p>
             )}
@@ -276,7 +276,7 @@ const CalendarPage = () => {
               href={conf.link} 
               target="_blank" 
               rel="noopener noreferrer" 
-              className="text-sm text-blue-500 hover:text-blue-600 flex items-center gap-1"
+              className="text-blue-500 hover:text-blue-600 flex items-center gap-1 text-sm"
             >
               Website
               <svg className="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor">
@@ -291,8 +291,8 @@ const CalendarPage = () => {
         <div className="space-y-2 mt-3">
           {deadlineDate && (
             <div className="flex items-start gap-2">
-              <span className="text-red-500 font-medium text-sm">Deadline:</span>
-              <div className="text-sm">
+              <span className="font-medium text-sm text-neutral-900">Deadline:</span>
+              <div className="text-sm text-neutral-900">
                 <div>{format(deadlineDate, 'MMMM d, yyyy')}</div>
                 {conf.timezone && (
                   <div className="text-neutral-500 text-xs">
@@ -305,8 +305,8 @@ const CalendarPage = () => {
           
           {startDate && (
             <div className="flex items-start gap-2">
-              <span className="text-purple-600 font-medium text-sm">Date:</span>
-              <div className="text-sm">
+              <span className="font-medium text-sm text-neutral-900">Date:</span>
+              <div className="text-sm text-neutral-900">
                 <div>
                   {format(startDate, 'MMMM d')}
                   {endDate ? ` - ${format(endDate, 'MMMM d, yyyy')}` : 
@@ -318,15 +318,15 @@ const CalendarPage = () => {
 
           {conf.place && (
             <div className="flex items-start gap-2">
-              <span className="text-neutral-600 font-medium text-sm">Location:</span>
-              <span className="text-sm">{conf.place}</span>
+              <span className="font-medium text-sm text-neutral-900">Location:</span>
+              <span className="text-sm text-neutral-900">{conf.place}</span>
             </div>
           )}
 
           {conf.note && (
             <div className="flex items-start gap-2 mt-2">
-              <span className="text-neutral-600 font-medium text-sm">Note:</span>
-              <div className="text-sm text-neutral-600" 
+              <span className="font-medium text-sm text-neutral-900">Note:</span>
+              <div className="text-sm text-neutral-900" 
                 dangerouslySetInnerHTML={{ __html: conf.note }} 
               />
             </div>
@@ -337,7 +337,7 @@ const CalendarPage = () => {
           {Array.isArray(conf.tags) && conf.tags.map((tag) => (
             <span 
               key={tag} 
-              className="inline-flex items-center px-2 py-1 rounded-full text-xs bg-neutral-100"
+              className="inline-flex items-center px-2 py-1 rounded-full text-xs bg-neutral-100 text-neutral-900"
             >
               <Tag className="h-3 w-3 mr-1" />
               {categoryNames[tag] || tag}