From f223e1ff634ee5c97e6e88e2d74ab002132fa19e Mon Sep 17 00:00:00 2001
From: Nathanael Shermett <nathanael@shermett.me>
Date: Sat, 19 Apr 2025 10:28:23 -0500
Subject: [PATCH] fix(theme): `hover-opacity` in Link & Breadcrumb (#5170)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Utilize `hover-opacity` in <Link> component.

* Add changeset

* chore(changeset): add issue number

* chore(theme): use hover-opacity for breadcrumb isCurrent = false

* chore(changeset): update changeset msg

---------

Co-authored-by: աӄա <wingkwong.code@gmail.com>
---
 .changeset/quick-coats-raise.md                   | 5 +++++
 packages/core/theme/src/components/breadcrumbs.ts | 2 +-
 packages/core/theme/src/components/link.ts        | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/quick-coats-raise.md

diff --git a/.changeset/quick-coats-raise.md b/.changeset/quick-coats-raise.md
new file mode 100644
index 000000000..7ce76e793
--- /dev/null
+++ b/.changeset/quick-coats-raise.md
@@ -0,0 +1,5 @@
+---
+"@heroui/theme": patch
+---
+
+Utilize `hover-opacity` in Link & Breadcrumb component (#5169)
diff --git a/packages/core/theme/src/components/breadcrumbs.ts b/packages/core/theme/src/components/breadcrumbs.ts
index d9b078b7b..06b66927a 100644
--- a/packages/core/theme/src/components/breadcrumbs.ts
+++ b/packages/core/theme/src/components/breadcrumbs.ts
@@ -84,7 +84,7 @@ const breadcrumbItem = tv({
         item: "cursor-default",
       },
       false: {
-        item: ["hover:opacity-80", "active:opacity-disabled"],
+        item: ["hover:opacity-hover", "active:opacity-disabled"],
       },
     },
     isDisabled: {
diff --git a/packages/core/theme/src/components/link.ts b/packages/core/theme/src/components/link.ts
index 69f16a5f2..097c49499 100644
--- a/packages/core/theme/src/components/link.ts
+++ b/packages/core/theme/src/components/link.ts
@@ -50,7 +50,7 @@ const link = tv({
         "after:transition-background",
         "after:absolute",
       ],
-      false: "hover:opacity-80 active:opacity-disabled transition-opacity",
+      false: "hover:opacity-hover active:opacity-disabled transition-opacity",
     },
     isDisabled: {
       true: "opacity-disabled cursor-default pointer-events-none",