themer/cli/packages/wallpaper-diamonds/README.md

39 lines
1.8 KiB
Markdown
Raw Normal View History

2020-04-25 20:24:24 +00:00
# @themer/wallpaper-diamonds
2020-02-09 04:23:20 +00:00
2020-04-24 13:09:17 +00:00
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:
2020-02-09 04:32:29 +00:00
2020-04-15 12:44:01 +00:00
![desktop dark](https://cdn.jsdelivr.net/gh/mjswensen/themer@399430ac7b58691dc436761b1a03614898df92ba/cli/packages/themer-wallpaper-diamonds/assets/desktop-dark.svg)
2020-02-09 04:32:29 +00:00
2020-04-15 12:44:01 +00:00
![desktop light](https://cdn.jsdelivr.net/gh/mjswensen/themer@399430ac7b58691dc436761b1a03614898df92ba/cli/packages/themer-wallpaper-diamonds/assets/desktop-light.svg)
2020-02-09 04:23:20 +00:00
## Installation & usage
Install this module wherever you have `themer` installed:
2020-04-25 20:24:24 +00:00
npm install @themer/wallpaper-diamonds
2020-02-09 04:23:20 +00:00
2020-04-25 20:24:24 +00:00
Then pass `@themer/wallpaper-diamonds` as a `-t` (`--template`) arg to `themer`:
2020-02-09 04:23:20 +00:00
2020-04-25 20:24:24 +00:00
themer -c my-colors.js -t @themer/wallpaper-diamonds -o gen
2020-02-09 04:23:20 +00:00
2020-04-25 20:24:24 +00:00
`@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.)
2020-02-09 04:23:20 +00:00
2020-03-20 13:13:23 +00:00
The generated files will be listed in `<output dir>/README.md`.
2020-02-09 04:23:20 +00:00
### Default resolutions
2020-04-25 20:24:24 +00:00
By default, `@themer/wallpaper-diamonds` will output wallpapers at the following sizes:
2020-02-09 04:23:20 +00:00
* 2880 by 1800 (desktop)
* 750 by 1334 (device)
### Custom resolutions
2020-04-25 20:24:24 +00:00
`@themer/wallpaper-diamonds` adds the following argument to `themer`:
2020-02-09 04:23:20 +00:00
--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:
2020-04-25 20:24:24 +00:00
themer -c my-colors.js -t @themer/wallpaper-diamonds --themer-wallpaper-diamonds-size 1024x768 --themer-wallpaper-diamonds-size 320x960 -o gen