import chroma from "chroma-js";
import { colorRamp, createTheme } from "./common/base16";

const name = "sulphurpool";

const ramps = {
  neutral: chroma.scale(["#202746", "#293256", "#5e6687", "#6b7394", "#898ea4", "#979db4", "#dfe2f1", "#f5f7ff"]),
  red: colorRamp(chroma("#c94922")),
  orange: colorRamp(chroma("#c76b29")),
  yellow: colorRamp(chroma("#c08b30")),
  green: colorRamp(chroma("#ac9739")),
  cyan: colorRamp(chroma("#22a2c9")),
  blue: colorRamp(chroma("#3d8fd1")),
  violet: colorRamp(chroma("#6679cc")),
  magenta: colorRamp(chroma("#9c637a")),
}

export const dark = createTheme(`${name}-dark`, false, ramps);
export const light = createTheme(`${name}-light`, true, ramps);