Sötét mód a Github Markdown képekhez

Különböző képek használata a Markdownban világos vagy sötét módban

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.