https://github.com/dimitrinicolas/lepto-vibrant-color

Lepto plugin using node-vibrant
https://github.com/dimitrinicolas/lepto-vibrant-color

lepto lepto-plugin

Last synced: 12 months ago
JSON representation

Lepto plugin using node-vibrant

• Host: GitHub
• URL: https://github.com/dimitrinicolas/lepto-vibrant-color
• Owner: dimitrinicolas
• License: mit
• Created: 2018-06-12T08:09:39.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2018-06-18T11:51:57.000Z (almost 8 years ago)
• Last Synced: 2025-06-13T08:07:36.021Z (about 1 year ago)
• Topics: lepto, lepto-plugin
• Language: JavaScript
• Size: 226 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# lepto-vibrant-color

```console

$ npm i -D lepto-vibrant-color

```

See [lepto documentation](https://github.com/dimitrinicolas/lepto) for usage.

This plugin use the [`node-vibrant`](https://github.com/akfish/node-vibrant) module.

Default options:

```js

"use": [

  {

    "name": "lepto-vibrant-color"

  }

]

```

![lepto-vibrant-color demo](picture.png)

The different vibrant colors are:

* vibrant

* lightVibrant

* darkVibrant

* muted

* lightMuted

* darkMuted

## Usage advices

If you use an image as a css `background-image`, you can easily set the element's `background-color` to one of its vibrant color. Don't worry, `background-image` will always override `background-color` when the image is loaded. You could also use the `background` shortcut:

```html



```


## License

This project is licensed under the [MIT license](LICENSE).