Update text-white to text-amber-50

app/couleurs/page.tsx

@@ -7,9 +7,9 @@ export const metadata = {
 
 export default function CouleursPage() {
   return (
-    <div className="min-h-screen bg-[#0e0e10] text-white px-4 py-12 flex flex-col items-center">
+    <div className="min-h-screen bg-[#0e0e10] text-amber-50 px-4 py-12 flex flex-col items-center">
       <h1 className="text-4xl font-bold mb-6 text-center flex items-center justify-center gap-2">
-        <Palette className="w-8 h-8 text-white" />
+        <Palette className="w-8 h-8 text-amber-50" />
         Charte des couleurs Minecraft
       </h1>
       <div className="w-full max-w-4xl">

app/dashboard/Sidebar.tsx

@@ -42,14 +42,14 @@ export default function Sidebar() {
                   flex-shrink-0 transition
                   ${active
                     ? "text-red-500"
-                    : "text-white/60 group-hover:text-white"}
+                    : "text-amber-50/60 group-hover:text-amber-50"}
                 `}
               />
               <span
                 className={`transition ${
                   active
                     ? "text-red-500"
-                    : "text-white/60 group-hover:text-white"
+                    : "text-amber-50/60 group-hover:text-amber-50"
                 }`}
               >
                 {name}

app/dashboard/StatCard.tsx

@@ -21,8 +21,8 @@ export default function StatCard({ title, value, icon }: Props) {
           {icon}
         </div>
       )}
-      <h3 className="text-sm font-medium text-white/70">{title}</h3>
+      <h3 className="text-sm font-medium text-amber-50/70">{title}</h3>
-      <p className="mt-2 text-3xl font-semibold text-white">{value}</p>
+      <p className="mt-2 text-3xl font-semibold text-amber-50">{value}</p>
     </motion.div>
   );
 }

app/dashboard/ajouter/AddProjectForm.tsx

@@ -52,7 +52,7 @@ export default function AddProjectForm() {
           name="projet"
           placeholder="Nom du projet"
           required
-          className="w-full rounded-lg bg-gray-700 py-2 pl-10 pr-3 text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-indigo-500"
+          className="w-full rounded-lg bg-gray-700 py-2 pl-10 pr-3 text-amber-50 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-indigo-500"
         />
       </div>
 
@@ -64,7 +64,7 @@ export default function AddProjectForm() {
             name="joueur"
             placeholder="Pseudo Minecraft"
             required
-            className="w-full rounded-lg bg-gray-700 py-2 pl-10 pr-3 text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-indigo-500"
+            className="w-full rounded-lg bg-gray-700 py-2 pl-10 pr-3 text-amber-50 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-indigo-500"
           />
         </div>
       )}
@@ -85,7 +85,7 @@ export default function AddProjectForm() {
               onChange={(e) => {
                 if (isValidCoord(e.target.value)) setValue(e.target.value);
               }}
-              className="w-full rounded-lg bg-gray-700 py-2 pl-9 pr-3 text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-indigo-500"
+              className="w-full rounded-lg bg-gray-700 py-2 pl-9 pr-3 text-amber-50 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-indigo-500"
             />
           </div>
         ))}
@@ -103,7 +103,7 @@ export default function AddProjectForm() {
               key={t}
               type="button"
               onClick={() => del(t)}
-              className={`rounded-full px-3 py-1 text-xs ${getTagClass(t)} text-white flex items-center gap-1 hover:opacity-80`}
+              className={`rounded-full px-3 py-1 text-xs ${getTagClass(t)} text-amber-50 flex items-center gap-1 hover:opacity-80`}
             >
               {t} <X size={12} />
             </button>
@@ -116,7 +116,7 @@ export default function AddProjectForm() {
               addTag(e.target.value);
               e.target.value = "";
             }}
-            className="w-full sm:w-1/2 rounded-lg bg-gray-700 py-2 px-3 text-white focus:outline-none focus:ring-2 focus:ring-indigo-500"
+            className="w-full sm:w-1/2 rounded-lg bg-gray-700 py-2 px-3 text-amber-50 focus:outline-none focus:ring-2 focus:ring-indigo-500"
             defaultValue=""
           >
             <option value="">Choisir un tag pré-défini</option>
@@ -133,7 +133,7 @@ export default function AddProjectForm() {
                 e.key === "Enter" && (e.preventDefault(), addTag(tagInput), setInput(""))
               }
               placeholder="Ajouter un tag personnalisé"
-              className="w-full rounded-lg bg-gray-700 py-2 pl-3 pr-12 text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-indigo-500"
+              className="w-full rounded-lg bg-gray-700 py-2 pl-3 pr-12 text-amber-50 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-indigo-500"
             />
             <button
               type="button"
@@ -143,7 +143,7 @@ export default function AddProjectForm() {
               }}
               className="absolute right-1 top-1 rounded-lg bg-indigo-500 hover:bg-indigo-600 p-1"
             >
-              <Plus size={16} className="text-white" />
+              <Plus size={16} className="text-amber-50" />
             </button>
           </div>
         </div>
@@ -154,17 +154,17 @@ export default function AddProjectForm() {
         name="description"
         rows={4}
         placeholder="Description du projet"
-        className="w-full rounded-lg bg-gray-700 p-3 text-white placeholder-gray-400 resize-y focus:outline-none focus:ring-2 focus:ring-indigo-500"
+        className="w-full rounded-lg bg-gray-700 p-3 text-amber-50 placeholder-gray-400 resize-y focus:outline-none focus:ring-2 focus:ring-indigo-500"
       />
 
       {/* état + monde */}
       <div className="grid grid-cols-1 sm:grid-cols-2 gap-3">
-        <select name="etat" className="input-style bg-gray-700 text-white">
+        <select name="etat" className="input-style bg-gray-700 text-amber-50">
           <option>En cours</option>
           <option>Terminé</option>
           <option>Pause</option>
         </select>
-        <select name="monde" className="input-style bg-gray-700 text-white">
+        <select name="monde" className="input-style bg-gray-700 text-amber-50">
           <option>Overworld</option>
           <option>Nether</option>
           <option>End</option>
@@ -178,7 +178,7 @@ export default function AddProjectForm() {
       {/* submit */}
       <button
         type="submit"
-        className="cursor-pointer w-full rounded-lg bg-gradient-to-r from-green-500 to-emerald-500 py-3 text-white font-semibold shadow-md hover:shadow-lg transition duration-300"
+        className="cursor-pointer w-full rounded-lg bg-gradient-to-r from-green-500 to-emerald-500 py-3 text-amber-50 font-semibold shadow-md hover:shadow-lg transition duration-300"
         onClick={(e) => {
           const form = (e.target as HTMLButtonElement).form!;
           const coordsField = form.coords as HTMLInputElement;

app/dashboard/layout.tsx

@@ -10,7 +10,7 @@ export default function DashboardLayout({
 }) {
   return (
     <Providers>
-      <div className="flex min-h-screen bg-[#0e0e10] text-white">
+      <div className="flex min-h-screen bg-[#0e0e10] text-amber-50">
         <Sidebar />
         <main className="flex-1 p-6">{children}</main>
       </div>

app/dashboard/projets/UserProjectsTable.tsx

@@ -30,7 +30,7 @@ export default function UserProjectsTable({ projects }: { projects: SafeProject[
         transition={{ duration: 0.4 }}
         className="flex items-center justify-between mb-6"
       >
-        <h1 className="text-2xl font-bold text-white">Mes projets</h1>
+        <h1 className="text-2xl font-bold text-amber-50">Mes projets</h1>
         <Link
           href="/dashboard/ajouter"
           className="inline-flex items-center gap-2 rounded bg-green-600 px-3 py-1.5 text-sm font-medium hover:bg-green-700"
@@ -40,7 +40,7 @@ export default function UserProjectsTable({ projects }: { projects: SafeProject[
       </motion.div>
 
       {projects.length === 0 ? (
-        <p className="mt-6 text-center text-white/60">Vous n’avez encore créé aucun projet.</p>
+        <p className="mt-6 text-center text-amber-50/60">Vous n’avez encore créé aucun projet.</p>
       ) : (
         <motion.div
           initial={{ opacity: 0, y: 20 }}

app/dashboard/projets/[id]/EditProjectForm.tsx

@@ -38,7 +38,7 @@ export default function EditProjectForm({ project }: Props) {
     >
       {/* Titre du projet */}
       <div className="relative">
-        <Layers3 size={18} className="absolute left-3 top-3 text-white/40" />
+        <Layers3 size={18} className="absolute left-3 top-3 text-amber-50/40" />
         <input
           name="projet"
           defaultValue={project.projet}
@@ -52,7 +52,7 @@ export default function EditProjectForm({ project }: Props) {
       <div className="grid grid-cols-3 gap-4">
         {["X", "Y", "Z"].map((axis, idx) => (
           <div key={axis} className="relative">
-            <MapPin size={16} className="absolute left-3 top-3 text-white/40" />
+            <MapPin size={16} className="absolute left-3 top-3 text-amber-50/40" />
             <input
               name={axis.toLowerCase()}
               defaultValue={coordsParts[idx] ?? ""}
@@ -88,7 +88,7 @@ export default function EditProjectForm({ project }: Props) {
 
       {/* Tags */}
       <div className="space-y-2">
-        <label className="flex items-center gap-2 text-sm text-white/70">
+        <label className="flex items-center gap-2 text-sm text-amber-50/70">
           <Tags size={16} /> Tags (max 5)
         </label>
         <div className="flex flex-wrap gap-2">

app/layout.tsx

@@ -20,7 +20,7 @@ export default function RootLayout({
 }) {
   return (
     <html lang="fr">
-      <body className="bg-[#0e0e10] text-white antialiased">
+      <body className="bg-[#0e0e10] text-amber-50 antialiased">
         <AdsSideBanners />
         <Providers>
           <Navbar />

app/not-found.tsx

@@ -16,13 +16,13 @@ export default function NotFound() {
         <div className="mb-4 flex justify-center">
           <Frown className="h-12 w-12 text-red-500" />
         </div>
-        <h1 className="text-3xl font-bold text-white mb-2">404 — Page introuvable</h1>
+        <h1 className="text-3xl font-bold text-amber-50 mb-2">404 — Page introuvable</h1>
-        <p className="text-white/70 mb-6">
+        <p className="text-amber-50/70 mb-6">
           La page que tu cherches n&apos;existe pas ou a été déplacée.
         </p>
         <Link
           href="/"
-          className="inline-block rounded-lg bg-red-500 px-4 py-2 text-sm font-semibold text-white transition hover:bg-red-600"
+          className="inline-block rounded-lg bg-red-500 px-4 py-2 text-sm font-semibold text-amber-50 transition hover:bg-red-600"
         >
           Retour à l&apos;accueil
         </Link>

app/user/[username]/page.tsx

@@ -34,12 +34,12 @@ export default async function UserProfilePage({ params }: Props) {
   return (
     <section className="p-4">
        <Banner />
-      <h1 className="text-2xl font-bold text-white text-center">
+      <h1 className="text-2xl font-bold text-amber-50 text-center">
         Projets de <span className="text-yellow-300">{username}</span>
       </h1>
 
       {projects.length === 0 ? (
-        <p className="mt-4 text-white/60">Aucun projet enregistré.</p>
+        <p className="mt-4 text-amber-50/60">Aucun projet enregistré.</p>
       ) : (
         <ProjectsTable data={projects} hidePlayerFilter />
       )}

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>