-
GitHub doesn't allow adding border to images - so, we have to add it manually. Just add the following code to
common.css
:#app, .preview-close-layer { border: 1px solid #21262d; }
Note:
#21262d
isvar(--color-border-muted)
on GitHub. -
Prepare demo files.
-
Make
.png
screenshots. -
Use the following command to convert screenshots to
.jpg
:vipsthumbnail --size 1600x900 -o ./jpg/%s.jpg[Q=90,optimize_coding] *.png