Fix tracking-vector image in dark-mode #161
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Since whatwg/whatwg.org#444 tracking-vector.svg is now darkmode-aware, i.e. its fill color will be dependent on the user's darkmode settings. However from whatwg/whatwg.org#439
<img>
tags pointing at svg images that don't have a"darkmode-aware"
class are given a white background by default. This makes the tracking-vector image fully white when seen in dark-mode. This PR aims at fixing it by adding the class on the generated<img>
element.Note that I'm not entirely sure this is the only source for this image in all the specs, but I tested it with html-build where it already handles a bunch.
Before:
![Screenshot 2024-08-06 at 9 24 33 AM](https://private-user-images.githubusercontent.com/7843391/355272568-b705c216-884e-4a1c-9418-b744a8872bae.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk1NDI4MDIsIm5iZiI6MTczOTU0MjUwMiwicGF0aCI6Ii83ODQzMzkxLzM1NTI3MjU2OC1iNzA1YzIxNi04ODRlLTRhMWMtOTQxOC1iNzQ0YTg4NzJiYWUucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIxNCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMTRUMTQxNTAyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZjRkMTkxYmI4ZDZlNGU2NmM1MjRlNjcwNmQ0MzJkOTQxMDdiMDY4YTk5NTRhNDYwNDBhNzg5YTdkMTdhNGM1ZCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.p9AzWe1Sw3XxxVfLkJAxqHwuKrnJa8tFeAImmO6QBeg)
After:
![Screenshot 2024-08-06 at 9 25 43 AM](https://private-user-images.githubusercontent.com/7843391/355272583-f8f1c1dc-444d-4f44-801a-ea2dfba02282.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk1NDI4MDIsIm5iZiI6MTczOTU0MjUwMiwicGF0aCI6Ii83ODQzMzkxLzM1NTI3MjU4My1mOGYxYzFkYy00NDRkLTRmNDQtODAxYS1lYTJkZmJhMDIyODIucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIxNCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMTRUMTQxNTAyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9OGYxOTM3NzUwNzdhNzIzZjZhMWI1NjEyODM1NGNkOTcxNGQ1NDcwMmJjZjc1YWJkNGMzOTUxNzk5ODk1Y2UwNSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.TUEAyCfLQX4EqgDFuqeYQ9SHkV3HJUsJkFcRaWjUoKA)