fix(live-samples): make Copied! message visible + use theme (#5590)

fix: #5537 Code section Copied! message is not visible
mdn · Mar 14, 2022 · 7891636 · 7891636
1 parent 6265caf
commit 7891636
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/client/src/document/index.scss b/client/src/document/index.scss
@@ -533,16 +533,15 @@ pre {
   }
 
   .copy-icon-message {
-    background: $mdn-color-dark-grey-90;
+    background: var(--text-primary);
     border-radius: var(--elem-radius);
-    color: white;
+    color: var(--text-invert);
     font-size: 0.8125rem;
     opacity: 1;
     padding: 0.125rem;
     position: absolute;
     right: 0.25rem;
     top: 15px;
-    z-index: -1000;
   }
 
   .example-good,