diff --git a/docs/src/components/ClipboardCopy.astro b/docs/src/components/ClipboardCopy.astro
index edaceb2..fc2a458 100644
--- a/docs/src/components/ClipboardCopy.astro
+++ b/docs/src/components/ClipboardCopy.astro
@@ -78,8 +78,8 @@ const { copyText } = Astro.props;
     position: absolute;
     left: -14px;
     width: max-content;
-    background-color: white;
-    color: var(--sl-color-black);
+    background-color: var(--sl-color-accent-high);
+    color: white;
     display: none;
     padding: 0.25rem 0.5rem;
     border-radius: 0.25rem;
@@ -94,7 +94,7 @@ const { copyText } = Astro.props;
     position: absolute;
     border-left: 8px solid transparent;
     border-right: 8px solid transparent;
-    border-bottom: 8px solid white;
+    border-bottom: 8px solid var(--sl-color-accent-high);
     right: 28px;
     top : -7px;
 }