From fce9de162af69e1f088bc8a66639bd16f3f429bf Mon Sep 17 00:00:00 2001
From: Daniel Subiabre <daniel.subiabre@platoniq.net>
Date: Mon, 6 Oct 2025 17:00:33 +0200
Subject: [PATCH] Switch border-tertiary and border-secondary

---
 src/components/Admin/Filters.svelte      | 12 ++++++------
 src/components/Admin/Search.svelte       |  2 +-
 src/components/Admin/Table.svelte        |  6 +++---
 src/components/Tags.svelte               |  4 ++--
 src/components/home/Blog.astro           |  2 +-
 src/components/home/Stats.astro          |  4 ++--
 src/components/library/TextInput.svelte  |  2 +-
 src/components/project/Card.svelte       |  4 ++--
 src/pages/[...lang]/checkout.astro       |  2 +-
 src/pages/[...lang]/login.astro          |  2 +-
 src/pages/[...lang]/payment/index.astro  |  2 +-
 src/pages/[...lang]/payment/verify.astro |  4 ++--
 src/pages/[...lang]/payment/wallet.astro |  2 +-
 src/pages/[...lang]/register.astro       |  2 +-
 14 files changed, 25 insertions(+), 25 deletions(-)

diff --git a/src/components/Admin/Filters.svelte b/src/components/Admin/Filters.svelte
index 182043f6..952dd34e 100644
--- a/src/components/Admin/Filters.svelte
+++ b/src/components/Admin/Filters.svelte
@@ -220,7 +220,7 @@
             <button
                 type="button"
                 onclick={() => (showFilters = !showFilters)}
-                class="border-tertiary text-tertiary relative inline-flex cursor-pointer items-center gap-2 rounded-3xl border px-6 py-4 font-bold text-nowrap"
+                class="border-secondary text-tertiary relative inline-flex cursor-pointer items-center gap-2 rounded-3xl border px-6 py-4 font-bold text-nowrap"
             >
                 <span class="relative">
                     <FiltersIcon />
@@ -243,7 +243,7 @@
         <form onsubmit={handleSubmit} class="flex flex-col gap-6">
             <div class="grid grid-cols-3 gap-4">
                 <select
-                    class="border-tertiary w-full rounded-lg border p-4"
+                    class="border-secondary w-full rounded-lg border p-4"
                     bind:value={selectedPaymentMethod}
                 >
                     <option value="" disabled selected
@@ -255,7 +255,7 @@
                 </select>
 
                 <select
-                    class="border-tertiary w-full rounded-lg border p-4"
+                    class="border-secondary w-full rounded-lg border p-4"
                     bind:value={selectedChargeStatus}
                 >
                     <option value="" disabled
@@ -267,7 +267,7 @@
                 </select>
 
                 <select
-                    class="border-tertiary w-full rounded-lg border p-4"
+                    class="border-secondary w-full rounded-lg border p-4"
                     bind:value={selectedRangeAmount}
                 >
                     <option value="" disabled
@@ -287,7 +287,7 @@
                         type="date"
                         bind:value={dateFrom}
                         onclick={(e) => (e.currentTarget as HTMLInputElement).showPicker?.()}
-                        class="border-tertiary w-full rounded-lg border p-4 pt-4"
+                        class="border-secondary w-full rounded-lg border p-4 pt-4"
                     />
                 </div>
 
@@ -298,7 +298,7 @@
                     <input
                         id="dateTo"
                         type="date"
-                        class="border-tertiary w-full rounded-lg border p-4 pt-4"
+                        class="border-secondary w-full rounded-lg border p-4 pt-4"
                         bind:value={dateTo}
                         onclick={(e) => (e.currentTarget as HTMLInputElement).showPicker?.()}
                     />
diff --git a/src/components/Admin/Search.svelte b/src/components/Admin/Search.svelte
index 7c17624a..70aedc42 100644
--- a/src/components/Admin/Search.svelte
+++ b/src/components/Admin/Search.svelte
@@ -100,7 +100,7 @@
                 oninput={(e) =>
                     handleInput(e.target instanceof HTMLInputElement ? e.target.value : "")}
                 placeholder={$t("contributions.filters.search.placeholder")}
-                class="border-tertiary w-full rounded-3xl border p-4"
+                class="border-secondary w-full rounded-3xl border p-4"
                 minlength="4"
             />
             {#if query}
diff --git a/src/components/Admin/Table.svelte b/src/components/Admin/Table.svelte
index 0a363aab..9d3af06a 100644
--- a/src/components/Admin/Table.svelte
+++ b/src/components/Admin/Table.svelte
@@ -512,7 +512,7 @@
         </p>
         <select
             bind:value={selectedSort}
-            class="border-tertiary text-tertiary min-w-[200px] rounded-sm py-1"
+            class="border-secondary text-tertiary min-w-[200px] rounded-sm py-1"
             disabled={isLoading}
         >
             {#each sortOptions as option}
@@ -528,7 +528,7 @@
         <select
             name="itemsPerPage"
             id="itemsPerPage"
-            class="border-tertiary text-tertiary rounded-sm py-1"
+            class="border-secondary text-tertiary rounded-sm py-1"
             bind:value={itemsPerPage}
             disabled={isLoading}
         >
@@ -610,7 +610,7 @@
                     </TableBodyCell>
                     <TableBodyCell class="border-t border-b border-[#E6E5F7]">
                         <button
-                            class="border-secondary text-secondary flex items-center gap-1 rounded border px-3 py-1 text-base font-medium"
+                            class="border-tertiary text-secondary flex items-center gap-1 rounded border px-3 py-1 text-base font-medium"
                         >
                             {$t(`contributions.table.rows.status.${charge.status}`)}
                         </button>
diff --git a/src/components/Tags.svelte b/src/components/Tags.svelte
index a425e410..fbcd1d6a 100644
--- a/src/components/Tags.svelte
+++ b/src/components/Tags.svelte
@@ -25,11 +25,11 @@
 </script>
 
 <div class="flex w-auto gap-2">
-    <div class="border-secondary flex items-center gap-2 rounded-sm border px-2 py-1">
+    <div class="border-tertiary flex items-center gap-2 rounded-sm border px-2 py-1">
         <BookmarkIcon />
         {$t(`categories.${project.category}`)}
     </div>
-    <div class="border-secondary flex items-center gap-2 rounded-sm border px-2 py-1">
+    <div class="border-tertiary flex items-center gap-2 rounded-sm border px-2 py-1">
         <MapIcon />{displayName(project.territory)}
     </div>
 </div>
diff --git a/src/components/home/Blog.astro b/src/components/home/Blog.astro
index b6f66878..4039f807 100644
--- a/src/components/home/Blog.astro
+++ b/src/components/home/Blog.astro
@@ -32,7 +32,7 @@ const blogPost = {
             <div class="flex">
                 <a
                     href={blogPost.href}
-                    class="group border-tertiary hover:bg-tertiary flex items-center justify-center gap-2 rounded-3xl border px-6 py-4 transition-all duration-200"
+                    class="group border-secondary hover:bg-tertiary flex items-center justify-center gap-2 rounded-3xl border px-6 py-4 transition-all duration-200"
                 >
                     <span class="text-tertiary text-base font-bold group-hover:text-white">
                         {blogPost.buttonText}
diff --git a/src/components/home/Stats.astro b/src/components/home/Stats.astro
index 866a42e8..344b94f7 100644
--- a/src/components/home/Stats.astro
+++ b/src/components/home/Stats.astro
@@ -57,7 +57,7 @@ const { t } = Astro.locals;
             <!-- Button -->
             <a
                 href="https://stats.goteo.org"
-                class="border-tertiary text-tertiary hover:bg-tertiary flex w-fit items-center justify-center gap-2 self-center rounded-3xl border px-6 py-4 text-sm leading-6 font-bold transition-all duration-200 hover:text-white md:self-start md:text-base"
+                class="border-secondary text-tertiary hover:bg-tertiary flex w-fit items-center justify-center gap-2 self-center rounded-3xl border px-6 py-4 text-sm leading-6 font-bold transition-all duration-200 hover:text-white md:self-start md:text-base"
             >
                 {t("home.stats.theoryToAction.button")}
             </a>
@@ -116,7 +116,7 @@ const { t } = Astro.locals;
             <!-- Button -->
             <a
                 href="/about"
-                class="border-tertiary text-tertiary hover:bg-tertiary flex w-fit items-center justify-center gap-2 self-center rounded-3xl border px-6 py-4 text-sm leading-6 font-bold transition-all duration-200 hover:text-white md:self-start md:text-base"
+                class="border-secondary text-tertiary hover:bg-tertiary flex w-fit items-center justify-center gap-2 self-center rounded-3xl border px-6 py-4 text-sm leading-6 font-bold transition-all duration-200 hover:text-white md:self-start md:text-base"
             >
                 {t("home.stats.whyGoteo.button")}
             </a>
diff --git a/src/components/library/TextInput.svelte b/src/components/library/TextInput.svelte
index a92e2c21..e897495c 100644
--- a/src/components/library/TextInput.svelte
+++ b/src/components/library/TextInput.svelte
@@ -4,7 +4,7 @@
     const baseStyle = [
         "peer",
         "w-full p-4",
-        "bg-light-surface rounded-md border border-tertiary",
+        "bg-light-surface rounded-md border border-secondary",
         "text-base text-gray-700 placeholder-gray-400",
         "focus:ring-1 focus:ring-tertiary focus:outline-none",
     ];
diff --git a/src/components/project/Card.svelte b/src/components/project/Card.svelte
index f7fbd2bf..93a029e0 100644
--- a/src/components/project/Card.svelte
+++ b/src/components/project/Card.svelte
@@ -39,11 +39,11 @@
 >
     <div class="flex w-full items-center justify-end">
         {#if hasReached(project.budget?.optimum?.money)}
-            <span class="border-tertiary self-end rounded-2xl border px-2 py-1 text-xs text-nowrap">
+            <span class="border-secondary self-end rounded-2xl border px-2 py-1 text-xs text-nowrap">
                 {$t("campaignProgress.optimumReached")}
             </span>
         {:else if hasReached(project.budget?.minimum?.money)}
-            <span class="border-tertiary self-end rounded-2xl border px-2 py-1 text-xs text-nowrap">
+            <span class="border-secondary self-end rounded-2xl border px-2 py-1 text-xs text-nowrap">
                 {$t("campaignProgress.minimumReached")}
             </span>
         {/if}
diff --git a/src/pages/[...lang]/checkout.astro b/src/pages/[...lang]/checkout.astro
index 505d5608..7bc4edb1 100644
--- a/src/pages/[...lang]/checkout.astro
+++ b/src/pages/[...lang]/checkout.astro
@@ -29,7 +29,7 @@ const accountingIdPlatoniq = Number(getPlatoniqAccountingId() || 0);
                 <Cart client:load {defaultCurrency} {accountingIdPlatoniq} />
             </div>
             <div
-                class="border-tertiary sticky top-10 flex h-fit w-1/2 flex-col gap-6 rounded-[40px] border bg-white"
+                class="border-secondary sticky top-10 flex h-fit w-1/2 flex-col gap-6 rounded-[40px] border bg-white"
             >
                 <Summary client:load {defaultCurrency} {accountingIdPlatoniq} />
                 <Steps step={1} client:load />
diff --git a/src/pages/[...lang]/login.astro b/src/pages/[...lang]/login.astro
index 1ce8f591..665667dd 100644
--- a/src/pages/[...lang]/login.astro
+++ b/src/pages/[...lang]/login.astro
@@ -54,7 +54,7 @@ itemCount.subscribe((count) => {
                 </div>
             </div>
             <div
-                class="border-tertiary sticky top-10 flex h-fit w-1/2 flex-col gap-6 rounded-[40px] border bg-white"
+                class="border-secondary sticky top-10 flex h-fit w-1/2 flex-col gap-6 rounded-[40px] border bg-white"
             >
                 {hasCart && <Summary client:load />}
                 {hasCart && <Steps step={2} client:load />}
diff --git a/src/pages/[...lang]/payment/index.astro b/src/pages/[...lang]/payment/index.astro
index 92054f9c..00298adc 100644
--- a/src/pages/[...lang]/payment/index.astro
+++ b/src/pages/[...lang]/payment/index.astro
@@ -51,7 +51,7 @@ const { data: paymentGateways } = await apiGatewaysGetCollection();
                 </div>
             </div>
             <div
-                class="border-tertiary sticky top-10 flex h-fit w-1/2 flex-col gap-6 rounded-[40px] border bg-white"
+                class="border-secondary sticky top-10 flex h-fit w-1/2 flex-col gap-6 rounded-[40px] border bg-white"
             >
                 <Summary client:load {defaultCurrency} />
                 <Steps step={3} client:load />
diff --git a/src/pages/[...lang]/payment/verify.astro b/src/pages/[...lang]/payment/verify.astro
index 71d37bc0..284655b0 100644
--- a/src/pages/[...lang]/payment/verify.astro
+++ b/src/pages/[...lang]/payment/verify.astro
@@ -88,7 +88,7 @@ try {
                                 </div>
                             </div>
                         </div>
-                        <div class="border-tertiary sticky top-10 flex h-fit w-1/2 flex-col gap-6 rounded-[40px] border bg-white">
+                        <div class="border-secondary sticky top-10 flex h-fit w-1/2 flex-col gap-6 rounded-[40px] border bg-white">
                             <Summary client:load hasError={!!error} {defaultCurrency} {amount} />
                             <Steps client:load step={4} hasError={!!error} />
                             <div class="flex flex-col gap-4 px-6 pt-0 pb-6">
@@ -124,7 +124,7 @@ try {
                                     </div>
                                 </div>
                             </div>
-                            <div class="border-tertiary sticky top-10 flex h-fit w-1/2 flex-col gap-6 rounded-[40px] border bg-white">
+                            <div class="border-secondary sticky top-10 flex h-fit w-1/2 flex-col gap-6 rounded-[40px] border bg-white">
                                 <Summary client:load {defaultCurrency} {amount} />
                                 <Steps step={4} client:load />
                                 <div class="flex flex-col gap-4 px-6 pt-0 pb-6">
diff --git a/src/pages/[...lang]/payment/wallet.astro b/src/pages/[...lang]/payment/wallet.astro
index eef351a0..f5f178d0 100644
--- a/src/pages/[...lang]/payment/wallet.astro
+++ b/src/pages/[...lang]/payment/wallet.astro
@@ -43,7 +43,7 @@ const { data: accounting } = await apiAccountingsIdGet({
                 </div>
             </div>
             <div
-                class="border-tertiary sticky top-10 flex h-fit w-1/2 flex-col gap-6 rounded-[40px] border bg-white"
+                class="border-secondary sticky top-10 flex h-fit w-1/2 flex-col gap-6 rounded-[40px] border bg-white"
             >
                 <Summary client:load {defaultCurrency} />
                 <Steps step={3} client:load />
diff --git a/src/pages/[...lang]/register.astro b/src/pages/[...lang]/register.astro
index bc8f15c4..8c72d528 100644
--- a/src/pages/[...lang]/register.astro
+++ b/src/pages/[...lang]/register.astro
@@ -57,7 +57,7 @@ itemCount.subscribe((count) => {
                 </div>
             </div>
             <div
-                class="border-tertiary sticky top-10 flex h-fit w-1/2 flex-col gap-6 rounded-[40px] border bg-white"
+                class="border-secondary sticky top-10 flex h-fit w-1/2 flex-col gap-6 rounded-[40px] border bg-white"
             >
                 {hasCart && <Summary client:load />}
                 {hasCart && <Steps step={2} client:load />}