1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
"use strict"
const colors = require("./colors.js")
function lerp(v0, v1, t) {
return v0 + t * (v1 - v0)
}
function lerp_rgb(rgb, x=0, t=0) {
let lab = colors.oklab_from_any(colors.parse_hex(rgb))
lab.l = lerp(lab.l, x, t)
return colors.format_hex(lab)
}
function make_colors(rgb, sel) {
let bg = lerp_rgb(rgb, 1.0, 0.0)
let hi = lerp_rgb(rgb, 1.0, 0.4)
let sh = lerp_rgb(rgb, 0.2, 0.4)
let bd = lerp_rgb(rgb, 0.2, 0.8)
console.log(sel + ` { background-color: ${bg}; border-color: ${hi} ${sh} ${sh} ${hi}; box-shadow: 0 0 0 1px ${bd}, 0px 1px 4px #0008; }`)
}
make_colors("#bbbbbb", ".token.white")
make_colors("#ef0500", ".token.red")
make_colors("#da997b", ".token.pink")
make_colors("#bbb079", ".token.brown")
make_colors("#a6a6a8", ".token.gray")
|
