<script language="JavaScript">
<!--
function _AN_global_var_init(){
	_AN_this_url = "/prx/000/";
	_AN_base_scheme = "https";
	_AN_base_host = "https://patch-diff.githubusercontent.com";
	_AN_base_path = "https://patch-diff.githubusercontent.com/raw/w3c/csswg-drafts/pull/";
	_AN_encode_urls = 0;
	_AN_mpo = 1;
	_AN_md = 0;
	_AN_rel_urls = 1;
	_AN_nav_switch = 0;
	_AN_nav_allowurl = 1;
	_AN_nav_override = 0;
	_AN_has_iframe = 0;
	_AN_dbg_flags = null;
	_AN_nav_use_aaa = 1;
	_AN_expires_pass = 0;
	_AN_wrap_evthandlers = 0;
	_AN_rewrite_param_exact = 0;
	_AN_obj_params = {};
} 
_AN_global_var_init();
//-->
</script>
<script language="JavaScript" src="/prx/001/http/localh/an_util.js"></script>
<script language="JavaScript" src="/prx/001/http/localh/NSLib.js"></script>

diff --git a/fill-stroke/Overview.bs b/fill-stroke/Overview.bs
index 4724cd0e3275..e1bc398e038d 100644
--- a/fill-stroke/Overview.bs
+++ b/fill-stroke/Overview.bs
@@ -825,24 +825,30 @@ Stroke Geometry {#stroke-geometry}
 	</figure>
 
 	<figure>
-		<svg style=" width: 600px; height: 180px;">
+		<svg style=" width: 600px; height: 180px; color-scheme: light dark;">
+			<style>

+				@media (prefers-color-scheme: dark) {
+					path[stroke="black"] { stroke: white; }
+					path[stroke="white"] { stroke: black; }
+				}
+			</style>
 			<g transform="translate(0, 0)">
-				<path fill="none" stroke="black" stroke-width="100" d="M 10 50, h 100" />
-				<path fill="none" stroke="black" stroke-width="100" d="M 110 50, l -50 100" />
-				<path fill="none" stroke="white" stroke-dasharray="5 3" stroke-width="1" d="M 10 50, h 100, l -100 200" />
-				<path fill="hsla(0, 50%, 70%, 1)" d="M 110 50, v -50, l 44.72 72.36, z" />
+				<path fill="none" stroke="black" stroke-width="100" d="M 10 50 h 100" />
+				<path fill="none" stroke="black" stroke-width="100" d="M 110 50 l -50 100" />
+				<path fill="none" stroke="white" stroke-dasharray="5 3" stroke-width="1" d="M 10 50 h 100 l -100 200" />
+				<path fill="hsla(0, 50%, 70%, 1)" d="M 110 50 v -50 l 44.72 72.36 z" />
 			</g>
 			<g transform="translate(200,0)">
-				<path fill="none" stroke="black" stroke-width="100" d="M 10 50, h 100" />
-				<path fill="none" stroke="black" stroke-width="100" d="M 110 50, l -50 100" />
-				<path fill="none" stroke="white" stroke-dasharray="5 3" stroke-width="1" d="M 10 50, h 100, l -100 200" />
-				<path fill="hsla(0, 50%, 70%, 1)" d="M 110 50, v -50, a 50 50 0 0 1 44.72 72.36, z" />
+				<path fill="none" stroke="black" stroke-width="100" d="M 10 50 h 100" />
+				<path fill="none" stroke="black" stroke-width="100" d="M 110 50 l -50 100" />
+				<path fill="none" stroke="white" stroke-dasharray="5 3" stroke-width="1" d="M 10 50 h 100 l -100 200" />
+				<path fill="hsla(0, 50%, 70%, 1)" d="M 110 50 v -50 a 50 50 0 0 1 44.72 72.36 z" />
 			</g>
 			<g transform="translate(400, 0)">
-				<path fill="none" stroke="black" stroke-width="100" d="M 10 50, h 100" />
-				<path fill="none" stroke="black" stroke-width="100" d="M 110 50, l -50 100" />
-				<path fill="none" stroke="white" stroke-dasharray="5 3" stroke-width="1" d="M 10 50, h 100, l -100 200" />
-				<path fill="hsla(0, 50%, 70%, 1)" d="M 110 50, v -50, h 80, L 154.72 72.36, z" />
+				<path fill="none" stroke="black" stroke-width="100" d="M 10 50 h 100" />
+				<path fill="none" stroke="black" stroke-width="100" d="M 110 50 l -50 100" />
+				<path fill="none" stroke="white" stroke-dasharray="5 3" stroke-width="1" d="M 10 50 h 100 l -100 200" />
+				<path fill="hsla(0, 50%, 70%, 1)" d="M 110 50 v -50 h 80 L 154.72 72.36 z" />
 			</g>
 		</svg>
 		<figcaption>
