From ffbab006c2971dc102e15dcd5e228be3ddece832 Mon Sep 17 00:00:00 2001
From: Khushboo Verma <khush.vv@gmail.com>
Date: Fri, 26 Sep 2025 12:45:20 +0530
Subject: [PATCH] Change links to quiet-muted

---
 .../function-[function]/domains/table.svelte          | 11 +++++++----
 .../settings/domains/table.svelte                     | 11 +++++++----
 .../sites/site-[site]/domains/table.svelte            | 11 +++++++----
 3 files changed, 21 insertions(+), 12 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/table.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/table.svelte
index 4a25ce077..724d66fd7 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/table.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/table.svelte
@@ -66,14 +66,14 @@
                         <Layout.Stack direction="row" gap="xs">
                             <Link
                                 external
-                                variant="quiet"
+                                variant="quiet-muted"
                                 href={`${$regionalProtocol}${proxyRule.domain}`}>
                                 <Typography.Text truncate>
                                     {proxyRule.domain}
                                 </Typography.Text>
                             </Link>
                             {#if proxyRule.status === 'created'}
-                                <Layout.Stack direction="row" gap="xs" alignItems="center">
+                                <Layout.Stack direction="row" gap="s" alignItems="center">
                                     <Badge
                                         variant="secondary"
                                         type="error"
@@ -81,6 +81,7 @@
                                         size="xs" />
                                     <Link
                                         size="s"
+                                        variant="muted"
                                         on:click={(e) => {
                                             e.preventDefault();
                                             selectedProxyRule = proxyRule;
@@ -90,13 +91,14 @@
                                     </Link>
                                 </Layout.Stack>
                             {:else if proxyRule.status === 'verifying'}
-                                <Layout.Stack direction="row" gap="xs" alignItems="center">
+                                <Layout.Stack direction="row" gap="s" alignItems="center">
                                     <Badge
                                         variant="secondary"
                                         content="Generating certificate"
                                         size="xs" />
                                     <Link
                                         size="s"
+                                        variant="muted"
                                         on:click={(e) => {
                                             e.preventDefault();
                                             selectedProxyRule = proxyRule;
@@ -106,7 +108,7 @@
                                     </Link>
                                 </Layout.Stack>
                             {:else if proxyRule.status === 'unverified'}
-                                <Layout.Stack direction="row" gap="xs" alignItems="center">
+                                <Layout.Stack direction="row" gap="s" alignItems="center">
                                     <Badge
                                         variant="secondary"
                                         type="error"
@@ -114,6 +116,7 @@
                                         size="xs" />
                                     <Link
                                         size="s"
+                                        variant="muted"
                                         on:click={(e) => {
                                             e.preventDefault();
                                             selectedProxyRule = proxyRule;
diff --git a/src/routes/(console)/project-[region]-[project]/settings/domains/table.svelte b/src/routes/(console)/project-[region]-[project]/settings/domains/table.svelte
index c59c6edc5..0c23f80fc 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/domains/table.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/domains/table.svelte
@@ -73,14 +73,14 @@
                         <Layout.Stack direction="row" gap="xs">
                             <Link
                                 external
-                                variant="quiet"
+                                variant="quiet-muted"
                                 href={`${$regionalProtocol}${domain.domain}`}>
                                 <Typography.Text truncate>
                                     {domain.domain}
                                 </Typography.Text>
                             </Link>
                             {#if domain.status === 'created'}
-                                <Layout.Stack direction="row" gap="xs" alignItems="center">
+                                <Layout.Stack direction="row" gap="s" alignItems="center">
                                     <Badge
                                         variant="secondary"
                                         type="error"
@@ -88,6 +88,7 @@
                                         size="xs" />
                                     <Link
                                         size="s"
+                                        variant="muted"
                                         on:click={(e) => {
                                             e.preventDefault();
                                             selectedDomain = domain;
@@ -97,13 +98,14 @@
                                     </Link>
                                 </Layout.Stack>
                             {:else if domain.status === 'verifying'}
-                                <Layout.Stack direction="row" gap="xs" alignItems="center">
+                                <Layout.Stack direction="row" gap="s" alignItems="center">
                                     <Badge
                                         variant="secondary"
                                         content="Generating certificate"
                                         size="xs" />
                                     <Link
                                         size="s"
+                                        variant="muted"
                                         on:click={(e) => {
                                             e.preventDefault();
                                             selectedDomain = domain;
@@ -113,7 +115,7 @@
                                     </Link>
                                 </Layout.Stack>
                             {:else if domain.status === 'unverified'}
-                                <Layout.Stack direction="row" gap="xs" alignItems="center">
+                                <Layout.Stack direction="row" gap="s" alignItems="center">
                                     <Badge
                                         variant="secondary"
                                         type="error"
@@ -121,6 +123,7 @@
                                         size="xs" />
                                     <Link
                                         size="s"
+                                        variant="muted"
                                         on:click={(e) => {
                                             e.preventDefault();
                                             selectedDomain = domain;
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/table.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/table.svelte
index b4be1fb20..5b91c1fb2 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/table.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/table.svelte
@@ -66,7 +66,7 @@
                         <Layout.Stack direction="row" gap="xs">
                             <Link
                                 external
-                                variant="quiet"
+                                variant="quiet-muted"
                                 href={`${$regionalProtocol}${rule.domain}`}>
                                 <Typography.Text truncate>
                                     {rule.domain}
@@ -74,7 +74,7 @@
                             </Link>
 
                             {#if rule.status === 'created'}
-                                <Layout.Stack direction="row" gap="xs" alignItems="center">
+                                <Layout.Stack direction="row" gap="s" alignItems="center">
                                     <Badge
                                         variant="secondary"
                                         type="error"
@@ -82,6 +82,7 @@
                                         size="xs" />
                                     <Link
                                         size="s"
+                                        variant="muted"
                                         on:click={(e) => {
                                             e.preventDefault();
                                             selectedProxyRule = rule;
@@ -91,13 +92,14 @@
                                     </Link>
                                 </Layout.Stack>
                             {:else if rule.status === 'verifying'}
-                                <Layout.Stack direction="row" gap="xs" alignItems="center">
+                                <Layout.Stack direction="row" gap="s" alignItems="center">
                                     <Badge
                                         variant="secondary"
                                         content="Generating certificate"
                                         size="xs" />
                                     <Link
                                         size="s"
+                                        variant="muted"
                                         on:click={(e) => {
                                             e.preventDefault();
                                             selectedProxyRule = rule;
@@ -107,7 +109,7 @@
                                     </Link>
                                 </Layout.Stack>
                             {:else if rule.status === 'unverified'}
-                                <Layout.Stack direction="row" gap="xs" alignItems="center">
+                                <Layout.Stack direction="row" gap="s" alignItems="center">
                                     <Badge
                                         variant="secondary"
                                         type="error"
@@ -115,6 +117,7 @@
                                         size="xs" />
                                     <Link
                                         size="s"
+                                        variant="muted"
                                         on:click={(e) => {
                                             e.preventDefault();
                                             selectedProxyRule = rule;