feat: Style button using themeColor config setting

Author: jperasmus

index.js

@@ -10,6 +10,10 @@
             button.appendChild(document.createTextNode("Click to copy"));
             button.classList.add("docsify-copy-code-button");
 
+            if (vm.config.themeColor) {
+              button.style.background = vm.config.themeColor;
+            }
+
             button.addEventListener("click", function(event) {
               var range = document.createRange();
               var codeBlock = element.querySelector("code");

styles.css

@@ -1,5 +1,5 @@
 .docsify-copy-code-button {
-  background: rgba(243, 112, 70, 1);
+  background: #ccc;
   color: #fff;
   position: absolute;
   top: 0;
@@ -20,13 +20,14 @@
   right: 100%;
   top: 0;
   background: #ccc;
-  color: #222;
+  color: #fff;
   padding: 5px;
   margin: 5px 10px 0;
   font-size: 11px;
   z-index: 0;
   transition: all 0.25s ease;
   transform: translateX(120%) scale(0);
+  border-radius: 3px;
 }
 
 .docsify-copy-code-button.success::after {