From 038670cc6f3e7389dad076ca3c47ffa23d427061 Mon Sep 17 00:00:00 2001 From: Nate Butler Date: Thu, 20 Oct 2022 15:32:40 -0400 Subject: [PATCH] Add brush trees as a experimental theme --- styles/src/themes/experiments/brushtrees.ts | 73 +++++++++++++++++++++ 1 file changed, 73 insertions(+) create mode 100644 styles/src/themes/experiments/brushtrees.ts diff --git a/styles/src/themes/experiments/brushtrees.ts b/styles/src/themes/experiments/brushtrees.ts new file mode 100644 index 0000000000000000000000000000000000000000..f14f1abe8c36ce3fea402052cc7e05ea57e75666 --- /dev/null +++ b/styles/src/themes/experiments/brushtrees.ts @@ -0,0 +1,73 @@ +import chroma from "chroma-js"; +import { colorRamp, createColorScheme } from "../common/ramps"; + +const name = "Brush Trees"; +const author = "Abraham White "; +const url = "https://github.com/WhiteAbeLincoln/base16-brushtrees-scheme"; +const license = { + type: "MIT", + url: "https://github.com/WhiteAbeLincoln/base16-brushtrees-scheme/blob/master/LICENSE" +} + +export const dark = createColorScheme(`${name} Dark`, false, { + neutral: chroma.scale([ + "#485867", + "#5A6D7A", + "#6D828E", + "#8299A1", + "#98AFB5", + "#B0C5C8", + "#C9DBDC", + "#E3EFEF", + ]), + red: colorRamp(chroma("#b38686")), + orange: colorRamp(chroma("#d8bba2")), + yellow: colorRamp(chroma("#aab386")), + green: colorRamp(chroma("#87b386")), + cyan: colorRamp(chroma("#86b3b3")), + blue: colorRamp(chroma("#868cb3")), + violet: colorRamp(chroma("#b386b2")), + magenta: colorRamp(chroma("#b39f9f")), +}); + +export const mirage = createColorScheme(`${name} Mirage`, false, { + neutral: chroma.scale([ + "#485867", + "#5A6D7A", + "#6D828E", + "#8299A1", + "#98AFB5", + "#B0C5C8", + "#C9DBDC", + "#E3EFEF", + ]), + red: colorRamp(chroma("#F28779")), + orange: colorRamp(chroma("#FFAD66")), + yellow: colorRamp(chroma("#FFD173")), + green: colorRamp(chroma("#D5FF80")), + cyan: colorRamp(chroma("#95E6CB")), + blue: colorRamp(chroma("#5CCFE6")), + violet: colorRamp(chroma("#D4BFFF")), + magenta: colorRamp(chroma("#F29E74")), +}); + +export const light = createColorScheme(`${name} Light`, true, { + neutral: chroma.scale([ + "#1A1F29", + "#242936", + "#5C6773", + "#828C99", + "#ABB0B6", + "#F8F9FA", + "#F3F4F5", + "#FAFAFA", + ]), + red: colorRamp(chroma("#b38686")), + orange: colorRamp(chroma("#d8bba2")), + yellow: colorRamp(chroma("#aab386")), + green: colorRamp(chroma("#87b386")), + cyan: colorRamp(chroma("#86b3b3")), + blue: colorRamp(chroma("#868cb3")), + violet: colorRamp(chroma("#b386b2")), + magenta: colorRamp(chroma("#b39f9f")), +});