From 2f6554d6b953fe7de2253d01230483a0f3e53a42 Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Wed, 2 Jul 2025 15:39:27 -0400
Subject: [PATCH] fix copy button color

---
 packages/webawesome/docs/_utils/copy-code.js         | 2 +-
 packages/webawesome/docs/assets/styles/copy-code.css | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/webawesome/docs/_utils/copy-code.js b/packages/webawesome/docs/_utils/copy-code.js
index 93f8ed526..c2268636f 100644
--- a/packages/webawesome/docs/_utils/copy-code.js
+++ b/packages/webawesome/docs/_utils/copy-code.js
@@ -33,7 +33,7 @@ export function copyCodePlugin(eleventyConfig, options = {}) {
 
       // Add a copy button
       pre.innerHTML += `<wa-button href="#${preId}" class="block-link-icon" appearance="plain" size="small"><wa-icon name="link" label="Copy link"></wa-icon></wa-button>
-        <wa-copy-button from="${codeId}" class="copy-button"></wa-copy-button>`;
+        <wa-copy-button from="${codeId}" class="copy-button wa-dark"></wa-copy-button>`;
     });
 
     return doc.toString();
diff --git a/packages/webawesome/docs/assets/styles/copy-code.css b/packages/webawesome/docs/assets/styles/copy-code.css
index 5d7bec575..bc5d36e35 100644
--- a/packages/webawesome/docs/assets/styles/copy-code.css
+++ b/packages/webawesome/docs/assets/styles/copy-code.css
@@ -25,6 +25,11 @@ wa-copy-button.copy-button {
   border-radius: var(--wa-border-radius-m);
   padding: 0.25rem;
 
+  &::part(button) {
+    background: transparent;
+    cursor: copy;
+  }
+
   @media (hover: hover) {
     &:hover {
       color: white;