add white variation of link.svg (#8041)

teemingc · web-flow · commit 2cf2b938ab04 · 2022-12-09T18:27:48.000-05:00
diff --git a/sites/site-kit/src/lib/icons/link-white.svg b/sites/site-kit/src/lib/icons/link-white.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" viewBox="0 0 24 24">
+	<g fill="none" stroke="#CCC">
+		<path d="M9,7L6,7A2 2 0 0 0 6,17L9,17"/>
+		<path d="M15,7L18,7A2 2 0 0 1 18,17L15,17"/>
+		<path d="M7,12L17,12"/>
+	</g>
+</svg>
diff --git a/sites/site-kit/src/lib/styles/text.css b/sites/site-kit/src/lib/styles/text.css
@@ -212,6 +212,12 @@
 	bottom: 0.25em;
 }
 
+@media (prefers-color-scheme: dark) {
+	.text a.permalink {
+		background: url(@sveltejs/site-kit/icons/link-white.svg) 0 50% no-repeat;
+	}
+}
+
 @media (min-width: 768px) {
 	.text a.permalink:focus,
 	.text h2:hover a.permalink,
