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

const name = "solarized";

const ramps = {
  neutral: chroma.scale(["#002b36", "#073642", "#586e75", "#657b83", "#839496", "#93a1a1", "#eee8d5", "#fdf6e3"]),
  red: colorRamp(chroma("#dc322f")),
  orange: colorRamp(chroma("#cb4b16")),
  yellow: colorRamp(chroma("#b58900")),
  green: colorRamp(chroma("#859900")),
  cyan: colorRamp(chroma("#2aa198")),
  blue: colorRamp(chroma("#268bd2")),
  violet: colorRamp(chroma("#6c71c4")),
  magenta: colorRamp(chroma("#d33682")),
}

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