Update text-white to text-amber-50

This commit is contained in:
UltraLionFr
2025-07-29 07:44:41 +02:00
parent 6f02f96739
commit 3289436ef3
16 changed files with 41 additions and 41 deletions
+2 -2
View File
@@ -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">
+2 -2
View File
@@ -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}
+2 -2
View File
@@ -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>
<p className="mt-2 text-3xl font-semibold text-white">{value}</p>
<h3 className="text-sm font-medium text-amber-50/70">{title}</h3>
<p className="mt-2 text-3xl font-semibold text-amber-50">{value}</p>
</motion.div>
);
}
+11 -11
View File
@@ -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;
+1 -1
View File
@@ -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>
+2 -2
View File
@@ -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 navez encore créé aucun projet.</p>
<p className="mt-6 text-center text-amber-50/60">Vous navez encore créé aucun projet.</p>
) : (
<motion.div
initial={{ opacity: 0, y: 20 }}
@@ -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">
+1 -1
View File
@@ -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 />
+3 -3
View File
@@ -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>
<p className="text-white/70 mb-6">
<h1 className="text-3xl font-bold text-amber-50 mb-2">404 Page introuvable</h1>
<p className="text-amber-50/70 mb-6">
La page que tu cherches n&apos;existe pas ou a é 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>
+2 -2
View File
@@ -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 />
)}
+1 -1
View File
@@ -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 */}
+1 -1
View File
@@ -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>
+1 -1
View File
@@ -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>
+1 -1
View File
@@ -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]"
+3 -3
View File
@@ -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>
+5 -5
View File
@@ -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>