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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkwNzcyOTIsIm5iZiI6MTczOTA3Njk5MiwicGF0aCI6Ii83ODQzMzkxLzM1NTI3MjU2OC1iNzA1YzIxNi04ODRlLTRhMWMtOTQxOC1iNzQ0YTg4NzJiYWUucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIwOSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMDlUMDQ1NjMyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NTM4YjNkMDZlYzZiMzczNmNjOWJkNjk1MDJhMzYxMDdlZWIyNDUzOGUzODQxODUxYTBkNzM3NGI0OWM1MDEzMiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.KKafglcy67KLBBJTUI1EXsPFicTdeCzWeoOaa-iCE1s)
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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkwNzcyOTIsIm5iZiI6MTczOTA3Njk5MiwicGF0aCI6Ii83ODQzMzkxLzM1NTI3MjU4My1mOGYxYzFkYy00NDRkLTRmNDQtODAxYS1lYTJkZmJhMDIyODIucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIwOSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMDlUMDQ1NjMyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NDllYzdhNTVlOWM2NTE1MGUzNzE3ZTdjNzcwNjcxOGMzNmVlY2VhNzg4NTY4OTdiN2Y4NzNmZDllMjgyZjA1ZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.RPWzD_KcQii9HqclnW64FfCtxm1SE46a900JltnbaMQ)