Skip to content

Instantly share code, notes, and snippets.

@brunos3d

brunos3d/readme-light-dark-image.md

Last active May 2, 2023 18:38
Show Gist options
  • Save brunos3d/b83f252892180204bb2b08daa5c71559 to your computer and use it in GitHub Desktop.
Save brunos3d/b83f252892180204bb2b08daa5c71559 to your computer and use it in GitHub Desktop.
Download ZIP
Dynamic Images for your Readme files based on GitHub theme
Raw
readme-light-dark-image.md

Your Alt Description

Images based on GitHub Theme

You can try to change your theme here
and refreshing this page to see live results

Source code

<p style="text-align: center;">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="DARK_IMAGE_URL">
    <img alt="Your Alt Description" src="LIGHT_IMAGE_URL" width="100%">
  </picture>
</p>

Resources

Light Image

Light Image

Dark Image

Dark Image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment