From 941055102d976227c1e4e4a8a1643a18cfc14e05 Mon Sep 17 00:00:00 2001
From: Marco Pedone <m.pedone98@gmail.com>
Date: Mon, 17 Nov 2025 19:21:40 +0100
Subject: [PATCH] refactor: update Badge styling across multiple pages for
 improved visual consistency

---
 apps/infoalloggi/src/components/annunci_tutorial.tsx |  4 ++--
 apps/infoalloggi/src/components/annuncio_card.tsx    |  4 ++--
 apps/infoalloggi/src/components/codiceRicerca.tsx    |  4 ++--
 apps/infoalloggi/src/pages/annunci.tsx               | 10 +++++-----
 apps/infoalloggi/src/pages/chi-siamo.tsx             |  2 +-
 apps/infoalloggi/src/pages/contatti.tsx              |  2 +-
 apps/infoalloggi/src/pages/guida.tsx                 |  2 +-
 apps/infoalloggi/src/pages/prezzi.tsx                |  2 +-
 apps/infoalloggi/src/pages/proprietari.tsx           |  2 +-
 9 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/apps/infoalloggi/src/components/annunci_tutorial.tsx b/apps/infoalloggi/src/components/annunci_tutorial.tsx
index ebbbd3f..e929833 100644
--- a/apps/infoalloggi/src/components/annunci_tutorial.tsx
+++ b/apps/infoalloggi/src/components/annunci_tutorial.tsx
@@ -54,8 +54,8 @@ export const CTA_TipologiaModal = () => {
 			open={open}
 		>
 			<DialogTrigger asChild>
-				<Button>
-					<CircleHelp />{" "}
+				<Button className="h-9">
+					<CircleHelp className="size-5" />{" "}
 					<span className="hidden sm:block">
 						{t.tipologia_tutorial.btn_title}
 					</span>
diff --git a/apps/infoalloggi/src/components/annuncio_card.tsx b/apps/infoalloggi/src/components/annuncio_card.tsx
index 579749b..23fd450 100644
--- a/apps/infoalloggi/src/components/annuncio_card.tsx
+++ b/apps/infoalloggi/src/components/annuncio_card.tsx
@@ -153,7 +153,7 @@ export const CardAnnuncio = ({
 	return (
 		<div
 			className={cn(
-				"relative h-[31.1rem] rounded-md bg-secondary outline outline-fxd-foreground/60 hover:outline-fxd-foreground dark:bg-primary",
+				"relative h-[31.1rem] rounded-md bg-secondary outline outline-primary/60 hover:outline-primary dark:bg-primary dark:outline-primary",
 				className,
 			)}
 			id={`card-annuncio-${id}`}
@@ -298,7 +298,7 @@ export const CardAnnuncio = ({
 				<div className="flex h-full grow flex-col gap-2">
 					<Badge
 						className={cn(
-							"w-full font-semibold text-md",
+							"w-full font-semibold text-md text-white",
 							tipo === "Transitorio" && "bg-transitorio",
 							tipo === "Stabile" && "bg-stabile",
 							tipo === "Cessione" && "bg-blue-400",
diff --git a/apps/infoalloggi/src/components/codiceRicerca.tsx b/apps/infoalloggi/src/components/codiceRicerca.tsx
index 2fdea0d..e35a69c 100644
--- a/apps/infoalloggi/src/components/codiceRicerca.tsx
+++ b/apps/infoalloggi/src/components/codiceRicerca.tsx
@@ -85,7 +85,7 @@ const AutocompleteSearchBox = ({
 		<div className="z-[5000] w-full" ref={wrapperRef}>
 			<div
 				className={cn(
-					"relative flex w-full items-center justify-center rounded-md bg-[color-mix(in_oklch,var(--fxd-secondary)50%,white)]",
+					"relative flex w-full items-center justify-center rounded-md bg-[color-mix(in_oklch,var(--fxd-secondary)50%,white)] dark:bg-primary",
 
 					containerClassName,
 				)}
@@ -96,7 +96,7 @@ const AutocompleteSearchBox = ({
 				</label>
 				<Input
 					className={cn(
-						"z-10 cursor-pointer search-cancel:cursor-pointer rounded-md border-fxd-foreground bg-transparent text-fxd-foreground text-xl search-cancel:brightness-75 search-cancel:grayscale placeholder:font-bold placeholder:text-primary focus:ring-fxd-secondary",
+						"z-10 cursor-pointer search-cancel:cursor-pointer rounded-md border-fxd-foreground bg-transparent text-fxd-foreground text-xl search-cancel:brightness-75 search-cancel:grayscale placeholder:font-bold placeholder:text-primary focus:ring-fxd-secondary dark:bg-transparent dark:hover:bg-input/10",
 						className,
 					)}
 					id={inputId || "search"}
diff --git a/apps/infoalloggi/src/pages/annunci.tsx b/apps/infoalloggi/src/pages/annunci.tsx
index c5a168e..8b0d45c 100644
--- a/apps/infoalloggi/src/pages/annunci.tsx
+++ b/apps/infoalloggi/src/pages/annunci.tsx
@@ -71,7 +71,7 @@ const Annunci = ({ options }: AnnunciPageProps) => {
 			</Head>
 
 			<main className="relative mx-auto w-full max-w-10xl space-y-5 bg-background2 px-2 py-5 md:px-8">
-				<Badge className="bg-muted py-1 text-muted-foreground text-sm outline outline-muted-foreground">
+				<Badge className="bg-muted py-1 text-foreground text-sm outline outline-muted-foreground">
 					{t.annunci.titolo}
 				</Badge>
 
@@ -297,11 +297,11 @@ const RicercaHeader = () => {
 
 	return (
 		<div className="mx-auto w-full max-w-10xl space-y-5">
-			<div className="flex w-full flex-col-reverse gap-4 sm:flex-row sm:gap-2">
-				<div className="flex w-full gap-2 sm:w-auto">
+			<div className="flex w-full flex-col-reverse gap-2 sm:flex-row">
+				<div className="flex w-full items-center gap-2 sm:w-auto">
 					<DrowdownFilters />
 					<Button
-						className="flex w-fit flex-row gap-2"
+						className="flex w-fit flex-row items-center gap-2"
 						onClick={async () => {
 							await setMap((v) => !v);
 						}}
@@ -323,7 +323,7 @@ const RicercaHeader = () => {
 				<div className="flex w-full items-center justify-between gap-2 sm:justify-between">
 					<div className="relative z-35 flex w-full gap-1 sm:w-auto">
 						<CodiceBox
-							className="h-10 w-full"
+							className="h-9 w-full border-0"
 							inputId="annunci-search"
 							optionBoxClassName="top-11 "
 						/>
diff --git a/apps/infoalloggi/src/pages/chi-siamo.tsx b/apps/infoalloggi/src/pages/chi-siamo.tsx
index 2d06aaa..70d739c 100644
--- a/apps/infoalloggi/src/pages/chi-siamo.tsx
+++ b/apps/infoalloggi/src/pages/chi-siamo.tsx
@@ -13,7 +13,7 @@ const ChiSiamo: NextPage = () => {
 				<meta content={t.heads.main_description} name="description" />
 			</Head>
 			<main className="mx-auto w-full max-w-8xl space-y-5 px-2 py-5 md:px-8">
-				<Badge className="bg-muted py-1 text-muted-foreground text-sm outline outline-muted-foreground">
+				<Badge className="bg-muted py-1 text-foreground text-sm outline outline-muted-foreground">
 					{t.chi_siamo.title}
 				</Badge>
 				<div className="mx-auto w-full max-w-6xl space-y-5 sm:space-y-14">
diff --git a/apps/infoalloggi/src/pages/contatti.tsx b/apps/infoalloggi/src/pages/contatti.tsx
index 34ff258..459db7b 100644
--- a/apps/infoalloggi/src/pages/contatti.tsx
+++ b/apps/infoalloggi/src/pages/contatti.tsx
@@ -70,7 +70,7 @@ const Contatto: NextPage = () => {
 				<meta content={t.heads.main_description} name="description" />
 			</Head>
 			<main className="mx-auto w-full max-w-8xl px-2 py-5 md:px-8">
-				<Badge className="bg-muted py-1 text-muted-foreground text-sm outline outline-muted-foreground">
+				<Badge className="bg-muted py-1 text-foreground text-sm outline outline-muted-foreground">
 					{t.contatti}
 				</Badge>
 
diff --git a/apps/infoalloggi/src/pages/guida.tsx b/apps/infoalloggi/src/pages/guida.tsx
index bf9da49..bc74ead 100644
--- a/apps/infoalloggi/src/pages/guida.tsx
+++ b/apps/infoalloggi/src/pages/guida.tsx
@@ -21,7 +21,7 @@ const Guida: NextPage = () => {
 				<meta content={t.heads.main_description} name="description" />
 			</Head>
 			<main className="mx-auto w-full max-w-8xl px-2 py-5 md:px-8">
-				<Badge className="bg-muted py-1 text-muted-foreground text-sm outline outline-muted-foreground">
+				<Badge className="bg-muted py-1 text-foreground text-sm outline outline-muted-foreground">
 					{t.guida}
 				</Badge>
 
diff --git a/apps/infoalloggi/src/pages/prezzi.tsx b/apps/infoalloggi/src/pages/prezzi.tsx
index c8ea542..1d80b63 100644
--- a/apps/infoalloggi/src/pages/prezzi.tsx
+++ b/apps/infoalloggi/src/pages/prezzi.tsx
@@ -45,7 +45,7 @@ const Prezzi: NextPage = () => {
 				<meta content={t.heads.prezzi_description} name="description" />
 			</Head>
 			<section className="mx-auto max-w-8xl px-2 py-5 md:px-8">
-				<Badge className="bg-muted py-1 text-muted-foreground text-sm outline outline-muted-foreground">
+				<Badge className="bg-muted py-1 text-foreground text-sm outline outline-muted-foreground">
 					{t.prezzi_titolo}
 				</Badge>
 				<div className="mt-5 space-y-14">
diff --git a/apps/infoalloggi/src/pages/proprietari.tsx b/apps/infoalloggi/src/pages/proprietari.tsx
index dabc497..58b24ee 100644
--- a/apps/infoalloggi/src/pages/proprietari.tsx
+++ b/apps/infoalloggi/src/pages/proprietari.tsx
@@ -19,7 +19,7 @@ const Proprietari: NextPage = () => {
 				<meta content={t.proprietari.description} name="description" />
 			</Head>
 			<main className="mx-auto w-full max-w-8xl space-y-5 px-2 py-5 md:px-8">
-				<Badge className="bg-muted py-1 text-muted-foreground text-sm outline outline-muted-foreground">
+				<Badge className="bg-muted py-1 text-foreground text-sm outline outline-muted-foreground">
 					{t.proprietari.titolo}
 				</Badge>
 				<div className="mx-auto w-full space-y-5 sm:space-y-14">