Comment

Comment by oefrha

Sorry, isn't this library equivalent to -- using the example in the README -- the following:

  import Color from "color";
  
  const base = {
    primary: "#336669",
    secondary: "#57614E",
    neutral: "#5E5F5A",
  };
  
  const shade = (c: string, lightness: number) => Color(c).lightness(lightness).hsl().string();
  
  const uiColors = {
    primaryButton: shade(base.primary, 40),
    primaryButtonText: shade(base.primary, 95),
    surface: shade(base.neutral, 98),
    text: shade(base.neutral, 10),
  };
I guess it's a teeny, tiny bit simpler (or really, just different)? You still need to come up with your own base colors and all the shades of lightness. The library doesn't seem to make the choices simpler, at all.
parent oefrha 4 years ago

Discussion

Live from the official Hacker News API

A modern reader for Hacker News · SvelteKit + Skeleton