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);