Improve the appearance of Copy Code

Author: cyanzhong

dist/lite/markedit-preview.js

@@ -8,10 +8,10 @@
   right: 6px;
   opacity: 0;
   transition: opacity 0.2s, background 0.2s;
-  border: none;
+  border: 1px solid var(--borderColor-default);
   border-radius: 8px;
   padding: 6px 7px;
-  background: none;
+  background: var(--bgColor-muted);
 
   /* Prevent elements from moving during opacity changes in Safari */
   will-change: opacity, background;

dist/markedit-preview.js

@@ -3,9 +3,9 @@
 }
 
 .code-copy-button:hover {
-  background: #222222;
+  background: #21262d;
 }
 
 .code-copy-button:active {
-  background: #333333;
+  background: #2d333b;
 }

styles/code-copy/base.css

@@ -3,9 +3,9 @@
 }
 
 .code-copy-button:hover {
-  background: #eeeeee;
+  background: #e6e9ed;
 }
 
 .code-copy-button:active {
-  background: #dddddd;
+  background: #dce0e5;
 }