fix colors

Jesse Haigh · Jesse Haigh · commit fd410e7243ab · 2025-08-18T18:36:49.000-06:00
diff --git a/src/components/ContentNode/CodeListing.vue b/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>
diff --git a/src/components/Icons/CheckmarkIcon.vue b/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>
diff --git a/src/components/Icons/CopyIcon.vue b/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>

Original file line number	Diff line number	Diff line change
`@@ -285,8 +285,13 @@ pre {`
`285`	`285`	`}`
`286`	`286`	`}`
`287`	`287`
	`288`	`+.copy-button .copy-icon {`
	`289`	`+ fill: var(--color-figure-gray);`
	`290`	`+}`
	`291`	`+`
`288`	`292`	`.copy-button.copied .checkmark-icon {`
`289`	`293`	`color: var(--color-figure-blue);`
	`294`	`+ fill: currentColor;`
`290`	`295`	`}`
`291`	`296`
`292`	`297`	`</style>`