Skip to content

Example of how to use Theme-dependent images in your README

License

Notifications You must be signed in to change notification settings

scarmuega/choose-your-side

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Choose Your Side

Vader Yoda

Theme-Dependent README Images

I was today years old when I found out you could tell Github to use a different image in your README depending on the dark / light theme of the user.

No more white-border hacks to make your dark logo show in both themes!

This repo is a quick experiment to see how it works. If done correctly, this README should display Yoda in light mode and Vader in dark mode (try switching your settings if you wish to see the alternative).

To make it work, you need to add both images (light version and dark version) side-by-side in your readme and add a suffix to each one so that they display conditionally.

## Light Theme
![Yoda](https://raw.githubusercontent.com/scarmuega/choose-your-side/master/yoda.svg?sanitize=true#gh-light-mode-only)

## Dark Theme
![Vader](https://raw.githubusercontent.com/scarmuega/choose-your-side/master/vader.svg?sanitize=true#gh-dark-mode-only)

Check the offical Github documentation for more info.

All copyrights and trademarks of the character images used belong to their respective owners.

About

Example of how to use Theme-dependent images in your README

Resources

License

Code of conduct

Stars

Watchers

Forks

Contributors 3

  •  
  •  
  •