actions
/
mdBook
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

📝 Document the light and dark image variants

This commit is contained in:
hayesall 2023-10-22 14:34:07 -04:00
parent 658699fea6
commit b210655424
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
guide/src/format/markdown.md
View File

@ -117,19 +117,20 @@ Which, of course displays the image like so:
![The Rust Logo](images/rust-logo-blk.svg) ![The Rust Logo](images/rust-logo-blk.svg)
## Light and Dark Image Variants ## Light and Dark Image Variants
Separate light mode and dark mode images may be presented to the viewer by adding `#light-only` or `#dark-only` to an image path: Separate light mode and dark mode images may be presented to the viewer by adding `#light-only` or `#dark-only` to an image path:
```markdown ```markdown
<img src="images/rust-logo-blk.svg" class="no-dark-themes" /> ![rust logo standard edition](images/rust-logo-blk.svg#only-light)
<img src="images/rust-logo-blk-dark.svg" class="no-light-themes" /> ![rust logo dark mode](images/rust-logo-blk-dark.svg#only-dark)
``` ```
Try switching the theme to see the effect below (brush icon at the top left of the page): Try switching the theme to see the effect below (brush icon at the top left of the page):
<img src="images/rust-logo-blk.svg" class="no-dark-themes" /> ![rust logo standard edition](images/rust-logo-blk.svg#only-light)
<img src="images/rust-logo-blk-dark.svg" class="no-light-themes" /> ![rust logo dark mode](images/rust-logo-blk-dark.svg#only-dark)
## Extensions ## Extensions