Merge pull request #11 from pubmania/pubmania-header-clipboard-color

Update extra.css

Author: pubmania

docs/assets/stylesheets/extra.css

@@ -3,6 +3,7 @@
     --md-tasklist-icon: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 3H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2m0 2v14H5V5h14z"/></svg>');
     --md-tasklist-icon--checked: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m10 17-5-5 1.41-1.42L10 14.17l7.59-7.59L19 8m0-5H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2z"/></svg>');
     --md-code-fg-color: orangered;
+    --md-typeset-a-color: orangered;
     --md-code-bg-color: black;
     --md-admonition-icon--tip: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.62L12 2 9.19 8.62 2 9.24l5.45 4.73L5.82 21 12 17.27z"></path></svg>');
     --md-admonition-icon--tag: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m21.41 11.58-9-9A2 2 0 0 0 11 2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 .59 1.42l9 9A2 2 0 0 0 13 22a2 2 0 0 0 1.41-.59l7-7A2 2 0 0 0 22 13a2 2 0 0 0-.59-1.42M13 20l-9-9V4h7l9 9M6.5 5A1.5 1.5 0 1 1 5 6.5 1.5 1.5 0 0 1 6.5 5z"></path></svg>')
@@ -26,6 +27,17 @@
         width: 2.2rem;
     }
 }
+/* clipboard */
+.md-clipboard:not(.focus-visible) {
+    color: greenyellow;
+  }
+:hover>.md-clipboard {
+color: yellow;
+}
+.md-clipboard:focus,
+.md-clipboard:hover {
+  color:var(--md-accent-fg-color)
+}
 /* sidebar */
 .md-header[data-md-state="hidden"] + .md-container .md-sidebar {
     top: 0px !important; /* move up when header is hidden */
@@ -70,22 +82,23 @@
 }
 /* headers */
 .md-typeset h1 {
-    color: black;
+    color: maroon;
+    text-align: center;
     font-size: 2em;
     margin: 0 0 0.5em 0;
 }
 .md-typeset h2 {
-    color: navy;
+    color: maroon;
     font-size: 1.6em;
     margin: 1.6em 0 0.5em 0;
     padding-bottom: 0.125em;
-    border-bottom: 2px solid navy;
+    border-bottom: 2px solid maroon;
 }
 .md-typeset h3 {
-    color: navy;
+    color: maroon;
     font-size: 1.4em;
     margin: 1.6em 0 0.5em 0;
-    border-bottom: 1px dashed navy;
+    border-bottom: 1px dashed maroon;
 }
 .md-typeset h4 {
     color: black;
@@ -131,6 +144,7 @@
     font-weight: normal;
 }
 .md-typeset pre code {
+    color: greenyellow;
     white-space: pre-wrap;
     word-break: break-word;
     font-size: 0.95em;
@@ -489,26 +503,26 @@ html .md-typeset :is(.admonition-title,summary):last-child {
     color: orangered;
 }
 #mkdocs-decrypt-form :is(input, button) {
-    border: 1px solid navy;
+    border: 1px solid maroon;
     padding: 0.25em 0.5em;
     font-size: revert;
 }
 #mkdocs-decrypt-form button {
-    background-color: navy;
+    background-color: maroon;
     color: white;
 }
 /* button */
 .md-typeset .md-button {
     /* background-color: orangered; */
-    color: navy;
-    border: 1px solid navy;
+    color: maroon;
+    border: 1px solid maroon;
     padding: 0.125em 0.5em;
     font-weight: unset;
     font-size: revert;
 }
 .md-typeset .md-button:hover {
-    background-color: navy;
-    border: 1px solid navy;
+    background-color: maroon;
+    border: 1px solid maroon;
     color: white;
 }
 .md-typeset :is(.emojione,.twemoji,.gemoji) {