📖
Today I learned
  • ✍️ Today I Learned (TIL)
  • Visual Studio Code
    • Turn off validation for non-TypeScript projects
  • GitHub
    • Using dark and light mode-specific images in markdown
    • Official RSS Feeds
  • npm
    • Run GitHub gists with Node.js
  • macOS
    • Compress without __MACOSX and .DS_Store files
    • Show hidden files in Finder
    • List top-level packages installed with Brew
  • Google Chrome
    • Enable reading list on Android
  • gmail
    • Obtain a link to an email thread
  • web servers
    • Quick-start a HTTP server
Powered by GitBook
On this page

Was this helpful?

Edit on GitHub
  1. GitHub

Using dark and light mode-specific images in markdown

a. Append fragment to image URL:

![dark](https://til.andrecostalima.pt/dark.png#gh-dark-mode-only)
![light](https://til.andrecostalima.pt/light.png#gh-light-mode-only)

b. Use <picture> HTML element combined with prefers-color-scheme media query:

<picture>
  <source media="(prefers-color-scheme: dark)" srcset="https://til.andrecostalima.pt/dark.png">
  <img src="https://til.andrecostalima.pt/light.png">
</picture>
PreviousTurn off validation for non-TypeScript projectsNextOfficial RSS Feeds

Last updated 2 years ago

Was this helpful?