diff --git a/.changeset/early-pears-relate.md b/.changeset/early-pears-relate.md
new file mode 100644
index 0000000..c13bd16
--- /dev/null
+++ b/.changeset/early-pears-relate.md
@@ -0,0 +1,6 @@
+---
+"@open-rpc/docusaurus-plugin": patch
+"@open-rpc/markdown-generator": patch
+---
+
+Fix dropdown copy as backgrounds and hovers
diff --git a/packages/docusaurus-plugin/src/components/RequestBox/RequestBox.tsx b/packages/docusaurus-plugin/src/components/RequestBox/RequestBox.tsx
index ce2613d..dba42fd 100644
--- a/packages/docusaurus-plugin/src/components/RequestBox/RequestBox.tsx
+++ b/packages/docusaurus-plugin/src/components/RequestBox/RequestBox.tsx
@@ -130,21 +130,16 @@ export function RequestBox({
{copied ? "Copied" : "Copy ▾"}
{dropdownOpen && (
-
+
diff --git a/packages/docusaurus-plugin/src/components/RequestBox/styles.module.css b/packages/docusaurus-plugin/src/components/RequestBox/styles.module.css
index e846ea5..4ac8b88 100644
--- a/packages/docusaurus-plugin/src/components/RequestBox/styles.module.css
+++ b/packages/docusaurus-plugin/src/components/RequestBox/styles.module.css
@@ -70,7 +70,7 @@
}
.dropdownItem:hover {
- background-color: var(--ifm-color-emphasis-100);
+ background-color: var(--ifm-color-emphasis-200);
}
.dropdownItem:not(:last-child) {
@@ -181,12 +181,12 @@
}
[data-theme='dark'] .copyButton {
- background-color: var(--ifm-color-emphasis-300);
- border-color: var(--ifm-color-emphasis-400);
+ background-color: transparent;
+ border-color: var(--ifm-color-emphasis-300);
}
[data-theme='dark'] .copyButton:hover {
- background-color: var(--ifm-color-emphasis-400);
+ background-color: var(--ifm-color-emphasis-200);
}
[data-theme='dark'] .dropdownMenu {