Add the fall-colored abruzzo theme

Isaac Clayton created 3 years ago

Change summary

styles/src/themes/abruzzo.ts | 28 ++++++++++++++++++++++++++++
1 file changed, 28 insertions(+)

Detailed changes

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