Update text-white to text-amber-50

components/AdsSideBanners.tsx

@@ -31,7 +31,7 @@ export default function PopupAd() {
           aria-label="Fermer la pub"
           className="absolute right-2 top-2 z-10 rounded-full bg-black/40 p-1 hover:bg-black/60"
         >
-          <X className="h-4 w-4 text-white" />
+          <X className="h-4 w-4 text-amber-50" />
         </button>
 
         {/* image de la pub */}

components/Footer.tsx

@@ -10,7 +10,7 @@ export default function Footer() {
       initial={{ opacity: 0, y: 20 }}
       animate={{ opacity: 1, y: 0 }}
       transition={{ duration: 0.6, ease: "easeOut" }}
-      className="w-full bg-[#18181b] py-6 text-center text-sm text-white/80"
+      className="w-full bg-[#18181b] py-6 text-center text-sm text-amber-50/80"
     >
       <div className="mx-auto flex max-w-7xl flex-col items-center gap-2 px-4">
         <p>

components/MapsClient.tsx

@@ -19,7 +19,7 @@ export default function MapsClient() {
         initial={{ opacity: 0 }}
         animate={{ opacity: 1 }}
         transition={{ delay: 0.2 }}
-        className="mt-2 text-white/80"
+        className="mt-2 text-amber-50/80"
       >
         Explore la carte interactive ci-dessous ou ouvre-la dans un nouvel onglet.
       </motion.p>

components/Navbar.tsx

@@ -42,7 +42,7 @@ export default function Navbar() {
 
   return (
     <header
-      className={`sticky top-0 z-50 text-white transition-all duration-300 ${
+      className={`sticky top-0 z-50 text-amber-50 transition-all duration-300 ${
         scrolled
           ? "bg-[#18181b]/80 backdrop-blur-md shadow-md"
           : "bg-[#18181b]"

components/OutilsPage.tsx

@@ -44,13 +44,13 @@ const outils = [
 
 export default function OutilsPage() {
   return (
-    <div className="min-h-screen bg-[#0e0e10] text-white px-4 sm:px-8 py-12">
+    <div className="min-h-screen bg-[#0e0e10] text-amber-50 px-4 sm:px-8 py-12">
       <motion.div
         initial={{ opacity: 0, y: -20 }}
         animate={{ opacity: 1, y: 0 }}
         transition={{ duration: 0.4 }}
       >
-        <h1 className="text-center text-4xl sm:text-5xl font-extrabold mb-14 flex items-center justify-center gap-3 text-white">
+        <h1 className="text-center text-4xl sm:text-5xl font-extrabold mb-14 flex items-center justify-center gap-3 text-amber-50">
           <Wrench className="text-red-500" size={36} />
           Outils & Liens Utiles
         </h1>
@@ -75,7 +75,7 @@ export default function OutilsPage() {
                 <ExternalLink size={14} />
               </span>
             </div>
-            <p className="text-sm text-white/70">{outil.description}</p>
+            <p className="text-sm text-amber-50/70">{outil.description}</p>
           </motion.a>
         ))}
       </div>

components/ProjectsTable.tsx

@@ -79,7 +79,7 @@ function resolveWorldId(monde: Project["monde"]): string {
 
 
   if (!data.length) {
-    return <p className="mt-8 text-center text-white/60">Aucun projet enregistré pour le moment.</p>;
+    return <p className="mt-8 text-center text-amber-50/60">Aucun projet enregistré pour le moment.</p>;
   }
 
   return (
@@ -91,7 +91,7 @@ function resolveWorldId(monde: Project["monde"]): string {
             placeholder="Rechercher un projet..."
             value={search}
             onChange={(e) => setSearch(e.target.value)}
-            className="rounded-md border border-white/20 bg-white/10 px-3 py-1 text-sm text-white placeholder-white/60 focus:outline-none focus:ring-2 focus:ring-orange-500"
+            className="rounded-md border border-white/20 bg-white/10 px-3 py-1 text-sm text-amber-50 placeholder-white/60 focus:outline-none focus:ring-2 focus:ring-orange-500"
           />
           {!hidePlayerFilter && (
             <select
@@ -128,7 +128,7 @@ function resolveWorldId(monde: Project["monde"]): string {
         </div>
 
         <div className="overflow-auto rounded-xl border border-white/10">
-          <table className="min-w-[1100px] w-full text-sm text-white">
+          <table className="min-w-[1100px] w-full text-sm text-amber-50">
             <thead className="bg-slate-800 text-amber-50">
               <tr>
                 {headers.map(({ label, icon: Icon }) => (
@@ -156,7 +156,7 @@ function resolveWorldId(monde: Project["monde"]): string {
                         onError={(e) => ((e.target as HTMLImageElement).style.display = "none")}
                       />
                       {hidePlayerFilter ? (
-                        <span className="text-white/80">{p.joueur}</span>
+                        <span className="text-amber-50/80">{p.joueur}</span>
                       ) : (
                         <Link
                           href={`/user/${p.joueur}`}
@@ -171,7 +171,7 @@ function resolveWorldId(monde: Project["monde"]): string {
                   <Td><MondeBadge v={p.monde} /></Td>
                   <Td className="font-medium">{p.projet}</Td>
                   <Td>
-                    <div className="max-h-[100px] overflow-auto whitespace-pre-line text-white/80 break-words">
+                    <div className="max-h-[100px] overflow-auto whitespace-pre-line text-amber-50/80 break-words">
                       {p.description}
                     </div>
                   </Td>