colors.js

import { Color } from 'lively.graphics';
import { string } from 'lively.lang';
export const COLOR_SCHEME = {
  PRIMARY: Color.rgb(0, 110, 230),
  PRIMARY_VARIANT: Color.rgb(0, 93, 194),
  ON_PRIMARY: Color.white,
  SECONDARY: Color.rgb(255, 120, 0),
  ON_SECONDARY: Color.white,
  BACKGROUND: Color.white,
  BACKGROUND_VARIANT: Color.rgb(215, 215, 215),
  ON_BACKGROUND: Color.rgb(40, 40, 40),
  ON_BACKGROUND_VARIANT: Color.rgb(230, 230, 230),
  ON_BACKGROUND_DARKER_VARIANT: Color.rgb(200, 200, 200),

  PROMPT_BACKGROUND: Color.rgb(236, 240, 241),
  SURFACE: Color.white,
  SURFACE_VARIANT: Color.rgb(230, 230, 230),
  SURFACE_DARKER_VARIANT: Color.rgb(200, 200, 200),
  ON_SURFACE: Color.rgb(40, 40, 40),
  ON_SURFACE_VARIANT: Color.rgb(220, 220, 220),
  ON_SURFACE_DARKER_VARIANT: Color.rgb(130, 130, 130),
  ERROR: Color.rgb(255, 0, 14),
  ON_ERROR: Color.white,
  TRANSPARENT: Color.transparent,

  KEYFRAME_FILL: Color.rgb(134, 134, 134),
  KEYFRAME_BORDER: Color.rgb(69, 69, 69)
};

// use this function to get a color for a property name
export function getColorForString (input, saturation = 0.6, brightness = 0.70) {
  // calculation has been adjusted to generate nice colors for "opacity", "position", "scale" and "fill"
  const stringValue = (Math.abs(string.hashCode(input)) + input.length ** 3) % 360;
  return Color.hsb(stringValue, saturation, brightness);
}