Темный режим для изображений
Если вы хотите различать свои медиаресурсы в Github Markdown по цветовой схеме, обновление синтаксиса делает это возможным прямо сейчас.
До сих пор вы могли использовать img-тег, чтобы указать интерпретатору уценки отображать изображения либо из вашего репозитория, либо из удаленного места назначения. Чтобы адаптировать свои изображения к темному режиму, теперь вы также можете использовать более современный HTML-тег изображения.
Как адаптировать Github Markdown к темному режиму
В следующем примере кода показано, как включить два варианта изображения в зависимости от предпочтительной цветовой схемы пользователя, т. е. темного или светлого режима. Синтаксис эквивалентен HTML5 и CSS.
<!--
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>
Как видите, с некоторыми изменениями ваши изображения теперь могут адаптироваться и к темному режиму. Поскольку общие элементы Markdown уже полностью поддерживают темный режим без необходимости что-либо делать, это долгожданное дополнение к возможностям Github Markdown.
