From b626ec3bf927dc5584c0bfe8317a496fed7793bc Mon Sep 17 00:00:00 2001 From: Nate Butler Date: Tue, 11 Oct 2022 17:39:38 -0400 Subject: [PATCH] Use different dark and light ramps for cave Co-Authored-By: Kay Simmons <3323631+Kethku@users.noreply.github.com> --- styles/src/themes/cave.ts | 27 +++++++++++++++++++++++---- 1 file changed, 23 insertions(+), 4 deletions(-) diff --git a/styles/src/themes/cave.ts b/styles/src/themes/cave.ts index 23587e4156..3914fb03d7 100644 --- a/styles/src/themes/cave.ts +++ b/styles/src/themes/cave.ts @@ -3,7 +3,7 @@ import { colorRamp, createColorScheme } from "./common/ramps"; const name = "cave"; -const ramps = { +export const dark = createColorScheme(`${name}-dark`, false, { neutral: chroma .scale([ "#19171c", @@ -24,7 +24,26 @@ const ramps = { blue: colorRamp(chroma("#576ddb")), violet: colorRamp(chroma("#955ae7")), magenta: colorRamp(chroma("#bf40bf")), -}; +}); -export const dark = createColorScheme(`${name}-dark`, false, ramps); -export const light = createColorScheme(`${name}-light`, true, ramps); +export const light = createColorScheme(`${name}-light`, true, { + neutral: chroma + .scale([ + "#19171c", + "#26232a", + "#585260", + "#655f6d", + "#7e7887", + "#8b8792", + "#e2dfe7", + "#efecf4", + ]).correctLightness(), + 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")), +}); \ No newline at end of file