From da8812482ca7eb123cf00cc5dd9d744761ef2a96 Mon Sep 17 00:00:00 2001
From: Shane Jonas <jonas.shane@gmail.com>
Date: Thu, 18 Dec 2025 16:57:17 -0500
Subject: [PATCH] fix: hovers for copy as button and backgrounds

---
 .changeset/early-pears-relate.md                          | 6 ++++++
 .../src/components/RequestBox/RequestBox.tsx              | 7 +------
 .../src/components/RequestBox/styles.module.css           | 8 ++++----
 3 files changed, 11 insertions(+), 10 deletions(-)
 create mode 100644 .changeset/early-pears-relate.md

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 ▾"}
             </button>
             {dropdownOpen && (
-              <div
-                className={styles.dropdownMenu}
-                style={{ background: "#ffffff" }}
-              >
+              <div className={styles.dropdownMenu}>
                 <button
                   className={styles.dropdownItem}
                   onClick={() => copyAs("curl")}
-                  style={{ background: "#ffffff" }}
                 >
                   Copy as Curl
                 </button>
                 <button
                   className={styles.dropdownItem}
                   onClick={() => copyAs("fetch")}
-                  style={{ background: "#ffffff" }}
                 >
                   Copy as Fetch
                 </button>
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 {