fix colors

Author: Jesse Haigh

src/components/ContentNode/CodeListing.vue

@@ -285,8 +285,13 @@ pre {
   }
 }
 
+.copy-button .copy-icon {
+  fill: var(--color-figure-gray);
+}
+
 .copy-button.copied .checkmark-icon {
   color: var(--color-figure-blue);
+  fill: currentColor;
 }
 
 </style>

src/components/Icons/CheckmarkIcon.vue

@@ -10,7 +10,7 @@
 
 <template>
   <SVGIcon
-    class="checkmark-icon"
+    class="CheckmarkIcon"
     viewBox="0 0 24 24"
     themeId="checkmark"
   >
@@ -28,9 +28,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.checkmark-icon {
+.CheckmarkIcon {
   opacity: 1;
   stroke: currentColor;
-  fill: currentColor;
 }
 </style>

src/components/Icons/CopyIcon.vue

@@ -10,7 +10,7 @@
 
 <template>
   <SVGIcon
-    class="copy-icon"
+    class="CopyIcon"
     viewBox="0 0 24 24"
     themeId="copy"
   >
@@ -31,8 +31,7 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.copy-icon {
-  fill: currentColor;
+.CopyIcon {
   opacity: 0.8;
 }
 </style>