diff --git a/bikeshed/fingerprinting.py b/bikeshed/fingerprinting.py
index f606015c49..fa3c685f77 100644
--- a/bikeshed/fingerprinting.py
+++ b/bikeshed/fingerprinting.py
@@ -25,7 +25,7 @@ def addTrackingVector(doc: t.SpecT) -> None:
h.E.path(
{
"id": trackingVectorId,
- "stroke": "black",
+ "stroke": "currentcolor",
"stroke-linecap": "round",
"stroke-linejoin": "round",
"stroke-dasharray": "3,2,35,2,20,2",
@@ -45,6 +45,7 @@ def addTrackingVector(doc: t.SpecT) -> None:
{
"class": doc.md.trackingVectorClass,
"href": "https://infra.spec.whatwg.org/#tracking-vector",
+ "style": "color: currentcolor",
},
trackingVectorImage(
doc.md.trackingVectorImage,
@@ -67,7 +68,7 @@ def trackingVectorImage(
) -> t.ElementT:
if imageURL is None:
return h.E.svg(
- {"width": "46", "height": "64", "role": "img", "aria-label": altText},
+ {"width": "46", "height": "64", "role": "img", "aria-label": altText, "class": "darkmode-aware"},
h.E.title({}, title),
h.E.use({"href": "#" + trackingVectorId}),
)
@@ -78,5 +79,6 @@ def trackingVectorImage(
"src": imageURL,
"width": imageWidth,
"height": imageHeight,
+ "class": "darkmode-aware",
},
)
diff --git a/docs/index.bs b/docs/index.bs
index 97e229b5ea..97cd1241e2 100644
--- a/docs/index.bs
+++ b/docs/index.bs
@@ -1485,7 +1485,7 @@ There are several additional optional keys:
and specifies whether and how <{wpt}> elements display anything in the output document.
* Tracking Vector Class is the HTML `class` attribute value used on the link inserted in elements annotated with the `tracking-vector` attribute.
* Tracking Vector Image is an image URL that can be used to represent tracking vectors with an external image.
- Otherwise an inline SVG is used. The image is a child of the aforementioned link.
+ Otherwise an inline SVG is used. The image is a child of the aforementioned link. This image *will* be marked as darkmode-aware, so make sure it actually is.
* Tracking Vector Image Width is the width of the external image, if any.
* Tracking Vector Image Height is the height of the external image, if any.
* Tracking Vector Alt Text is the replacement text for the inline SVG or external image.
diff --git a/docs/index.html b/docs/index.html
index 019553243a..0f1094195d 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1488,9 +1488,9 @@
}
}
-
+
-
+