use color variables

Jesse Haigh · Jesse Haigh · commit 9fe7c286e437 · 2025-08-01T16:08:48.000-06:00
diff --git a/src/components/ContentNode/CodeListing.vue b/src/components/ContentNode/CodeListing.vue
@@ -251,7 +251,7 @@ pre {
   position: absolute;
   top: 1em;
   right: 1em;
-  background: var(--color-syntax-clipboard-bg, #e0e0e0);
+  background: var(--color-fill-gray-tertiary);
   border: none;
   border-radius: 6px;
   padding: 7px 6px;
@@ -267,15 +267,15 @@ pre {
 }
 
 .copy-button:hover {
-  background-color: var(--code-syntax-clipboard-hover-bg, #d0d0d0);
+  background-color: var(--color-fill-gray);
 }
 
 .copy-button:hover svg {
   opacity: 1;
 }
 
 .copy-button.copied svg {
-  color: var(--color-syntax-clipboard-check-color, #007aff);
+  color: var(--color-figure-blue);
 }
 
 .container-general:hover .copy-button {

Original file line number	Diff line number	Diff line change
`@@ -251,7 +251,7 @@ pre {`
`251`	`251`	`position: absolute;`
`252`	`252`	`top: 1em;`
`253`	`253`	`right: 1em;`
`254`		`- background: var(--color-syntax-clipboard-bg, #e0e0e0);`
	`254`	`+ background: var(--color-fill-gray-tertiary);`
`255`	`255`	`border: none;`
`256`	`256`	`border-radius: 6px;`
`257`	`257`	`padding: 7px 6px;`
`@@ -267,15 +267,15 @@ pre {`
`267`	`267`	`}`
`268`	`268`
`269`	`269`	`.copy-button:hover {`
`270`		`- background-color: var(--code-syntax-clipboard-hover-bg, #d0d0d0);`
	`270`	`+ background-color: var(--color-fill-gray);`
`271`	`271`	`}`
`272`	`272`
`273`	`273`	`.copy-button:hover svg {`
`274`	`274`	`opacity: 1;`
`275`	`275`	`}`
`276`	`276`
`277`	`277`	`.copy-button.copied svg {`
`278`		`- color: var(--color-syntax-clipboard-check-color, #007aff);`
	`278`	`+ color: var(--color-figure-blue);`
`279`	`279`	`}`
`280`	`280`
`281`	`281`	`.container-general:hover .copy-button {`