From 4995067d33dd3880d9eae59031f63d89227f583e Mon Sep 17 00:00:00 2001
From: ajinkya359 <56084456+ajinkya359@users.noreply.github.com>
Date: Fri, 21 Jun 2024 13:45:44 +0530
Subject: [PATCH] fix(back-to-top): hover color (#2783)

* fix(back-to-top): hover color

* fix(back-to-top): hover color

* chore: update contributors list

---------

Co-authored-by: Ajinkya Shinde <ajshinde@ajshinde-thinkpadp1gen4i.punetw6.csb>
---
 .changeset/purple-boxes-stare.md           |  5 +++++
 elements/package.json                      |  3 ++-
 elements/pf-back-to-top/pf-back-to-top.css | 10 ++++++++++
 3 files changed, 17 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/purple-boxes-stare.md

diff --git a/.changeset/purple-boxes-stare.md b/.changeset/purple-boxes-stare.md
new file mode 100644
index 0000000000..6b08160214
--- /dev/null
+++ b/.changeset/purple-boxes-stare.md
@@ -0,0 +1,5 @@
+---
+"@patternfly/elements": patch
+---
+
+`<pf-back-to-top>`: fix hover color
diff --git a/elements/package.json b/elements/package.json
index 261eb04fcb..15d23caf79 100644
--- a/elements/package.json
+++ b/elements/package.json
@@ -138,7 +138,8 @@
     "Nikki Massaro Kauffman <nmassaro@redhat.com> (https://github.com/nikkimk)",
     "Steven Spriggs <sspriggs@redhat.com",
     "castastrophe (https://github.com/castastrophe)",
-    "Wes Ruvalcaba"
+    "Wes Ruvalcaba",
+    "Ajinyka Shinde <sajinkya359@gmail.com>"
   ],
   "dependencies": {
     "@lit/context": "^1.1.0",
diff --git a/elements/pf-back-to-top/pf-back-to-top.css b/elements/pf-back-to-top/pf-back-to-top.css
index 793e87e68a..9127535ef5 100644
--- a/elements/pf-back-to-top/pf-back-to-top.css
+++ b/elements/pf-back-to-top/pf-back-to-top.css
@@ -29,6 +29,16 @@ a {
   gap: var(--pf-c-button__icon--m-end--MarginLeft, var(--pf-global--spacer--xs, 0.25rem));
 }
 
+a:hover {
+  --pf-c-button--m-primary--Color: var(--pf-c-button--m-primary--hover--Color, var(--pf-global--Color--light-100, #fff));
+  --pf-c-button--m-primary--BackgroundColor: var(--pf-c-button--m-primary--hover--BackgroundColor, var(--pf-global--primary-color--200, #004080));
+}
+
+a:focus {
+  --pf-c-button--m-primary--Color: var(--pf-c-button--m-primary--hover--Color, var(--pf-global--Color--light-100,#fff));
+  --pf-c-button--m-primary--BackgroundColor: var(--pf-c-button--m-primary--hover--BackgroundColor, var(--pf-global--primary-color--200, #004080));
+}
+
 [part="trigger"][hidden] {
   display: none;
 }