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 <[email protected]>
patternfly · Jun 21, 2024 · 4995067 · 4995067
1 parent 492a901
commit 4995067
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 1 deletion.
diff --git a/.changeset/purple-boxes-stare.md 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
@@ -138,7 +138,8 @@
     "Nikki Massaro Kauffman <[email protected]> (https://github.com/nikkimk)",
     "Steven Spriggs <[email protected]",
     "castastrophe (https://github.com/castastrophe)",
-    "Wes Ruvalcaba"
+    "Wes Ruvalcaba",
+    "Ajinyka Shinde <[email protected]>"
   ],
   "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
@@ -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;
 }