Sötét mód képekhez
Ha szeretné megkülönböztetni a Github Markdown médiaeszközeit színséma alapján, a szintaxis frissítése most lehetővé teszi ezt.
Eddig az img-tag segítségével utasíthatta a markdown értelmezőt, hogy képeket jelenítsen meg akár a tárolójából, akár egy távoli célhelyről. Ahhoz, hogy képeivel alkalmazkodjon a sötét módhoz, most már használhatja a modernebb HTML képcímkét is.
A Github Markdown adaptálása a sötét módhoz
A következő kódpélda bemutatja, hogyan lehet két változatot felvenni egy képre a felhasználó által preferált színséma, azaz a sötét vagy világos mód alapján. A szintaxis megegyezik a HTML5-tel és a CSS-el.
<!--
Note we're using the same HTML-sytnax for
constraint-based assets as you would do on
the web.
-->
<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://path-to-your-dark-mode-image.webp">
<img alt="A single image caption for both variants" src="https://path-to-default-light-mode-image.webp">
</picture>
Amint látja, néhány változtatással a képei mostantól a sötét módhoz is alkalmazkodhatnak. Mivel a közös Markdown elemek már teljes mértékben támogatják a sötét módot anélkül, hogy bármit is tenne, ez üdvözlendő kiegészítés a Github Markdown képességeihez.