Görüntüler için Karanlık Mod
Github Markdown'daki medya varlıklarınızı renk şemasına göre ayırt etmek istiyorsanız, sözdiziminde yapılan bir güncelleme bunu şimdi mümkün kılıyor.
Şimdiye kadar, markdown yorumlayıcısına görüntüleri ya deponuzdan ya da uzak bir hedeften oluşturması talimatını vermek için img-tag'i kullanabiliyordunuz. Resimlerinizle karanlık moda uyum sağlamak için artık daha modern HTML resim etiketini de kullanabilirsiniz.
Github Markdown karanlık moda nasıl uyarlanır
Aşağıdaki kod örneği, kullanıcının tercih ettiği renk şemasına, yani koyu veya açık moda göre bir görüntü için iki varyantın nasıl ekleneceğini gösterir. Sözdizimi HTML5 ve CSS'ye eşdeğerdir.
<!--
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>
Gördüğünüz gibi birkaç değişiklikle resimleriniz artık karanlık moda da uyum sağlayabiliyor. Ortak Markdown öğeleri, herhangi bir şey yapmanıza gerek kalmadan zaten karanlık modu tam olarak desteklediğinden, bu, Github Markdown'ın özelliklerine hoş bir ektir.