lighten

A small utility function that lightens a CSS color value by a relative amount.
It uses the hsl color model to do so.

The Gist

import { lighten } from '@weser/theming'

const lighterRed = lighten('red', 0.5)
const lighterVariable = lighten('var(--background)', 0.5)

Parameter	Type	Description
value	`string`	The CSS color value to apply the alpha to.
amount	`0-1`	The relative amount to lighten the color.

(string) A string that references a CSS color value with with a lightened channel applied.

On this page