themer/cli/packages/wallpaper-diamonds/README.md
2020-04-25 14:24:24 -06:00

39 lines
1.8 KiB
Markdown

# @themer/wallpaper-diamonds
A wallpaper template for [themer](https://github.com/mjswensen/themer). Here's a preview rendered using the [@themer/colors-finger-paint](https://github.com/mjswensen/themer/tree/master/cli/packages/colors-finger-paint) color set:
![desktop dark](https://cdn.jsdelivr.net/gh/mjswensen/themer@399430ac7b58691dc436761b1a03614898df92ba/cli/packages/themer-wallpaper-diamonds/assets/desktop-dark.svg)
![desktop light](https://cdn.jsdelivr.net/gh/mjswensen/themer@399430ac7b58691dc436761b1a03614898df92ba/cli/packages/themer-wallpaper-diamonds/assets/desktop-light.svg)
## Installation & usage
Install this module wherever you have `themer` installed:
npm install @themer/wallpaper-diamonds
Then pass `@themer/wallpaper-diamonds` as a `-t` (`--template`) arg to `themer`:
themer -c my-colors.js -t @themer/wallpaper-diamonds -o gen
`@themer/wallpaper-diamonds` will generate SVG wallpapers to the output directory (`gen/` in this example). (You can then convert them to a bitmap format, if necessary, [using Chrome](https://umaar.com/dev-tips/156-element-screenshot/) or other tools.)
The generated files will be listed in `<output dir>/README.md`.
### Default resolutions
By default, `@themer/wallpaper-diamonds` will output wallpapers at the following sizes:
* 2880 by 1800 (desktop)
* 750 by 1334 (device)
### Custom resolutions
`@themer/wallpaper-diamonds` adds the following argument to `themer`:
--themer-wallpaper-diamonds-size
to which you would pass `<width>x<height>`. For example, to forego the default resolutions and generate two wallpapers, one 1024 by 768 and one 320 by 960:
themer -c my-colors.js -t @themer/wallpaper-diamonds --themer-wallpaper-diamonds-size 1024x768 --themer-wallpaper-diamonds-size 320x960 -o gen