fix: prism copy button style

auroral-ui · Aug 17, 2023 · b905bff · b905bff
1 parent f532f06
commit b905bff
Showing 1 changed file with 12 additions and 7 deletions.
diff --git a/src/styles/prism-aurora-future.css b/src/styles/prism-aurora-future.css
@@ -133,22 +133,27 @@ div.code-toolbar > .toolbar button {
 }
 div.code-toolbar > .toolbar a,
 div.code-toolbar > .toolbar button.copy-to-clipboard-button {
-  color: var(--foreground);
-  font-size: 0.8em;
-  padding: 0.5em;
-  background: var(--comment);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  color: var(--text-normal);
+  font-size: 0.75rem;
+  height: 2rem;
+  width: 4rem;
+  background: var(--background-secondary);
   border-radius: 0.5em;
+  transition: 0.2s transform linear;
 }
 div.code-toolbar > .toolbar a:focus,
 div.code-toolbar > .toolbar a:hover,
 div.code-toolbar > .toolbar button:focus,
 div.code-toolbar > .toolbar button:hover,
 div.code-toolbar > .toolbar span:focus,
 div.code-toolbar > .toolbar span:hover {
-  color: #ffffff;
   text-decoration: none;
-  opacity: 0.5;
-  background-color: var(--purple);
+  color: var(--text-bright);
+  transform: scale(1.1);
 }
 @media print {
   code[class*='language-'],