2022-05-16 22:11:22 +00:00
|
|
|
import chroma from "chroma-js";
|
2022-05-17 14:08:14 +00:00
|
|
|
import { colorRamp, createTheme } from "./common/base16";
|
2022-04-25 23:11:38 +00:00
|
|
|
|
|
|
|
const name = "cave";
|
|
|
|
|
2022-05-16 22:11:22 +00:00
|
|
|
const ramps = {
|
2022-05-18 15:41:56 +00:00
|
|
|
neutral: chroma.scale([
|
|
|
|
"#19171c",
|
|
|
|
"#26232a",
|
|
|
|
"#585260",
|
|
|
|
"#655f6d",
|
|
|
|
"#7e7887",
|
|
|
|
"#8b8792",
|
|
|
|
"#e2dfe7",
|
|
|
|
"#efecf4",
|
|
|
|
]),
|
2022-05-16 22:11:22 +00:00
|
|
|
red: colorRamp(chroma("#be4678")),
|
|
|
|
orange: colorRamp(chroma("#aa573c")),
|
|
|
|
yellow: colorRamp(chroma("#a06e3b")),
|
|
|
|
green: colorRamp(chroma("#2a9292")),
|
|
|
|
cyan: colorRamp(chroma("#398bc6")),
|
|
|
|
blue: colorRamp(chroma("#576ddb")),
|
|
|
|
violet: colorRamp(chroma("#955ae7")),
|
|
|
|
magenta: colorRamp(chroma("#bf40bf")),
|
2022-05-18 15:41:56 +00:00
|
|
|
};
|
2022-04-25 22:19:49 +00:00
|
|
|
|
2022-05-16 22:11:22 +00:00
|
|
|
export const dark = createTheme(`${name}-dark`, false, ramps);
|
2022-05-18 15:41:56 +00:00
|
|
|
export const light = createTheme(`${name}-light`, true, ramps);
|
2022-06-29 00:07:18 +00:00
|
|
|
|
|
|
|
console.log(JSON.stringify(dark.ramps.neutral.domain()))
|
|
|
|
console.log(JSON.stringify(light.ramps.neutral.domain()))
|