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 +--- + +``: 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 (https://github.com/nikkimk)", "Steven Spriggs " ], "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; }