Update text-white to text-amber-50
This commit is contained in:
@@ -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">
|
||||
|
||||
@@ -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}
|
||||
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
@@ -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;
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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 }}
|
||||
|
||||
@@ -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
@@ -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
@@ -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'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'accueil
|
||||
</Link>
|
||||
|
||||
@@ -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 />
|
||||
)}
|
||||
|
||||
@@ -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 */}
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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]"
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user