Use white foreground for copy code button (#1730)

ysthakur · web-flow · commit ef54fc4bdaa5 · 2025-01-02T08:11:36.000+08:00
diff --git a/.vuepress/styles/index.scss b/.vuepress/styles/index.scss
@@ -85,3 +85,12 @@ html[data-theme='dark'] {
     text-decoration: underline;
   }
 }
+
+:root,
+html[data-theme='light'] {
+  .vp-copy-code-button {
+    // Make the copy code button white for good contrast with the
+    // dark background in code blocks
+    color: white !important;
+  }
+}

Original file line number	Diff line number	Diff line change
`@@ -85,3 +85,12 @@ html[data-theme='dark'] {`
`85`	`85`	`text-decoration: underline;`
`86`	`86`	`}`
`87`	`87`	`}`
	`88`	`+`
	`89`	`+:root,`
	`90`	`+html[data-theme='light'] {`
	`91`	`+ .vp-copy-code-button {`
	`92`	`+ // Make the copy code button white for good contrast with the`
	`93`	`+ // dark background in code blocks`
	`94`	`+ color: white !important;`
	`95`	`+ }`
	`96`	`+}`