« get me outta code hell

colors.js « util « src - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/src/util/colors.js
blob: feb52567b8d5358e846c0583e97fc3b7d5da2b92 (plain)
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
28
29
30
31
32
33
34
35
36
37
38
39
40
// Color and theming utility functions! Handy.

export function getColors(themeColor, {
  // chroma.js external dependency (https://gka.github.io/chroma.js/)
  chroma,
} = {}) {
  if (!chroma) {
    throw new Error('chroma.js library must be passed or bound for color manipulation');
  }

  const primary = chroma(themeColor);

  const dark = primary.luminance(0.02);
  const dim = primary.saturate(1.2).luminance(0.035);
  const dimGhost = dim.alpha(0.8);
  const light = chroma.average(['#ffffff', primary], 'rgb', [4, 1]);

  const bg = primary.luminance(0.008).desaturate(3.5).alpha(0.8);
  const bgBlack = primary.saturate(1).luminance(0.0025).alpha(0.8);
  const shadow = primary.desaturate(4).set('hsl.l', 0.05).alpha(0.8);

  const hsl = primary.hsl();
  if (isNaN(hsl[0])) hsl[0] = 0;

  return {
    primary: primary.hex(),

    dark: dark.hex(),
    dim: dim.hex(),
    dimGhost: dimGhost.hex(),
    light: light.hex(),

    bg: bg.hex(),
    bgBlack: bgBlack.hex(),
    shadow: shadow.hex(),

    rgb: primary.rgb(),
    hsl,
  };
}