diff --git a/styles/src/themes/abruzzo.ts b/styles/src/themes/abruzzo.ts new file mode 100644 index 0000000000..1476f31e88 --- /dev/null +++ b/styles/src/themes/abruzzo.ts @@ -0,0 +1,28 @@ +import chroma from "chroma-js"; +import { colorRamp, createTheme } from "./common/base16"; + +const name = "abruzzo"; + +const ramps = { + neutral: chroma.scale([ + "#1b0d05", + "#2c1e18", + "#654035", + "#9d5e4a", + "#b37354", + "#c1825a", + "#dda66e", + "#fbf3e2", + ]), + red: colorRamp(chroma("#e594c4")), + orange: colorRamp(chroma("#d9e87e")), + yellow: colorRamp(chroma("#fdb262")), + green: colorRamp(chroma("#96adf7")), + cyan: colorRamp(chroma("#fc798f")), + blue: colorRamp(chroma("#BCD0F5")), + violet: colorRamp(chroma("#dac5eb")), + magenta: colorRamp(chroma("#c1a3ef")), +}; + +export const dark = createTheme(`${name}`, false, ramps); +// export const light = createTheme(`${name}-light`, true, ramps);