Upload folder using huggingface_hub

client/src/pages/TutorialTasks.tsx

@@ -1561,8 +1561,8 @@ const TutorialTasks: React.FC = () => {
                 <div className="mb-6">
                   <div className="flex items-center justify-between mb-4">
                     <div className="flex items-center space-x-3">
-                      <div className="bg-indigo-100 rounded-full p-2">
-                        <DocumentTextIcon className="h-5 w-5 text-indigo-900" />
+                      <div className="bg-blue-100 rounded-full p-2">
+                        <DocumentTextIcon className="h-5 w-5 text-ui-neonBlue" />
                       </div>
                       <div>
                         <h3 className="text-lg font-semibold text-gray-900 flex items-center">Source Text #{tutorialTasks.indexOf(task) + 1}
@@ -1747,7 +1747,7 @@ const TutorialTasks: React.FC = () => {
                                         }
                                       }
                                     }}
-                                    className="text-indigo-900 leading-relaxed text-lg font-source-text whitespace-pre-wrap"
+                                    className="text-blue-800 leading-relaxed text-lg font-source-text whitespace-pre-wrap"
                                   >{renderFormatted(task.content)}</div>
                                 </div>
                                 {localStorage.getItem('token') && (
@@ -1826,7 +1826,7 @@ const TutorialTasks: React.FC = () => {
                                 )}
                               </div>
                               <div className="w-full md:w-1/2">
-                                <div className="text-indigo-900 leading-relaxed text-lg font-source-text whitespace-pre-wrap">{renderFormatted(task.content)}</div>
+                                <div className="text-blue-800 leading-relaxed text-lg font-source-text whitespace-pre-wrap">{renderFormatted(task.content)}</div>
                               </div>
                             </div>
                           )
@@ -1977,7 +1977,7 @@ const TutorialTasks: React.FC = () => {
                     <button
                       onClick={() => handleSubmitTranslation(task._id)}
                       disabled={submitting[task._id]}
-                      className="bg-indigo-500 hover:bg-indigo-600 disabled:bg-gray-400 text-white px-6 py-3 rounded-lg font-medium flex items-center justify-center transition-all duration-200"
+                      className="bg-ui-neonBlue hover:bg-blue-600 disabled:bg-gray-400 text-white px-6 py-3 rounded-lg font-medium flex items-center justify-center transition-all duration-200"
                     >
                       {submitting[task._id] ? (
                         <>

client/src/pages/WeeklyPractice.tsx

@@ -2245,8 +2245,8 @@ const WeeklyPractice: React.FC = () => {
                 <div className="mb-6">
                   <div className="flex items-center justify-between mb-4">
                     <div className="flex items-center space-x-3">
-                      <div className="bg-orange-100 rounded-full p-2">
-                        <DocumentTextIcon className="h-5 w-5 text-orange-600" />
+                      <div className="bg-pink-100 rounded-full p-2">
+                        <DocumentTextIcon className="h-5 w-5 text-pink-600" />
                       </div>
                       <div>
                         <h3 className="text-lg font-semibold text-gray-900">Source Text #{weeklyPractice.indexOf(practice) + 1}</h3>
@@ -2367,9 +2367,9 @@ const WeeklyPractice: React.FC = () => {
                                 </div>
                               </div>
                               <div className="w-full">
-                                <div className="bg-orange-50 rounded-lg p-4 mb-4 border border-orange-200">
-                                  <h5 className="text-orange-900 font-semibold mb-2">Source Text (from image)</h5>
-                                  <div className="text-orange-800 leading-relaxed text-lg font-source-text whitespace-pre-wrap">{practice.content}</div>
+                                <div className="bg-pink-50 rounded-lg p-4 mb-4 border border-pink-200">
+                                  <h5 className="text-pink-900 font-semibold mb-2">Source Text (from image)</h5>
+                                  <div className="text-pink-800 leading-relaxed text-lg font-source-text whitespace-pre-wrap">{practice.content}</div>
                                 </div>
                                 {localStorage.getItem('token') && (
                                   <div className="bg-white rounded-lg p-4 border border-purple-200">
@@ -2414,7 +2414,7 @@ const WeeklyPractice: React.FC = () => {
                                 )}
                               </div>
                               <div className="w-full md:w-1/2">
-                                <p className="text-orange-800 leading-relaxed text-lg font-source-text whitespace-pre-wrap">{practice.content}</p>
+                                <p className="text-pink-800 leading-relaxed text-lg font-source-text whitespace-pre-wrap">{practice.content}</p>
                               </div>
                             </div>
                           )