From 9bb1a5636f9dd08077987286dc0553442bc3a71b Mon Sep 17 00:00:00 2001 From: Isaac Clayton Date: Tue, 24 May 2022 18:32:44 +0200 Subject: [PATCH 1/2] Add the fall-colored abruzzo theme --- styles/src/themes/abruzzo.ts | 28 ++++++++++++++++++++++++++++ 1 file changed, 28 insertions(+) create mode 100644 styles/src/themes/abruzzo.ts 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); From 505b305b908f66e486665cb035f33988616dbd65 Mon Sep 17 00:00:00 2001 From: Isaac Clayton Date: Tue, 24 May 2022 19:48:44 +0200 Subject: [PATCH 2/2] Adjust the orange/yellow a bit --- styles/src/themes/abruzzo.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/src/themes/abruzzo.ts b/styles/src/themes/abruzzo.ts index 1476f31e88..e04ccba8f4 100644 --- a/styles/src/themes/abruzzo.ts +++ b/styles/src/themes/abruzzo.ts @@ -16,7 +16,7 @@ const ramps = { ]), red: colorRamp(chroma("#e594c4")), orange: colorRamp(chroma("#d9e87e")), - yellow: colorRamp(chroma("#fdb262")), + yellow: colorRamp(chroma("#fd9d83")), green: colorRamp(chroma("#96adf7")), cyan: colorRamp(chroma("#fc798f")), blue: colorRamp(chroma("#BCD0F5")),