From 84847ff181abd1eec3b14b39ae3e73bda96de22b Mon Sep 17 00:00:00 2001 From: Nate Butler Date: Tue, 4 Oct 2022 14:49:57 -0400 Subject: [PATCH] Remap theme ramp domains Co-Authored-By: gibusu <95764254+gibusu@users.noreply.github.com> --- styles/src/themes/abruzzo.ts | 9 +++++++++ styles/src/themes/andromeda.ts | 6 +++--- styles/src/themes/brushtrees.ts | 9 +++++++++ styles/src/themes/cave.ts | 9 +++++++++ styles/src/themes/one-dark.ts | 9 +++++++++ styles/src/themes/one-light.ts | 5 +++++ styles/src/themes/rose-pine-dawn.ts | 4 ++++ styles/src/themes/rose-pine-moon.ts | 5 +++++ styles/src/themes/sandcastle.ts | 4 ++-- styles/src/themes/solarized.ts | 9 +++++++++ styles/src/themes/sulphurpool.ts | 9 +++++++++ styles/src/themes/summercamp.ts | 9 +++++++++ 12 files changed, 82 insertions(+), 5 deletions(-) diff --git a/styles/src/themes/abruzzo.ts b/styles/src/themes/abruzzo.ts index 8f96fce1d2199d57dc40de08519dbf69d4b990e1..c73aa311d42158dc9773fde4cf4a8374825c1147 100644 --- a/styles/src/themes/abruzzo.ts +++ b/styles/src/themes/abruzzo.ts @@ -13,6 +13,15 @@ const ramps = { "#c1825a", "#dda66e", "#fbf3e2", + ]).domain([ + 0, + 0.15, + 0.35, + 0.5, + 0.6, + 0.75, + 0.85, + 1 ]), red: colorRamp(chroma("#e594c4")), orange: colorRamp(chroma("#d9e87e")), diff --git a/styles/src/themes/andromeda.ts b/styles/src/themes/andromeda.ts index 1006531b258d4f7ddcaa360255ac34c22446f90e..1fc59baebfcf0a09a0480627b9d0f58344152b65 100644 --- a/styles/src/themes/andromeda.ts +++ b/styles/src/themes/andromeda.ts @@ -15,9 +15,9 @@ const ramps = { "#F7F7F8", ]).domain([ 0, - 0.1, - 0.2, - 0.3, + 0.15, + 0.25, + 0.35, 0.7, 0.8, 0.9, diff --git a/styles/src/themes/brushtrees.ts b/styles/src/themes/brushtrees.ts index fd62c394214bfde7e1d9eaa248047344fb5bdd63..3366f5473783f6a039fb1d87a6c7528ab72f21f9 100644 --- a/styles/src/themes/brushtrees.ts +++ b/styles/src/themes/brushtrees.ts @@ -13,6 +13,15 @@ const ramps = { "#B0C5C8", "#C9DBDC", "#E3EFEF", + ]).domain([ + 0, + 0.17, + 0.32, + 0.48, + 0.6, + 0.715, + 0.858, + 1 ]), red: colorRamp(chroma("#b38686")), orange: colorRamp(chroma("#d8bba2")), diff --git a/styles/src/themes/cave.ts b/styles/src/themes/cave.ts index 53d8bd088cf20701cfc8cead9209025e40d93f74..f9c9b9d49e2843b92ad3b874cda68ecb19b0f10c 100644 --- a/styles/src/themes/cave.ts +++ b/styles/src/themes/cave.ts @@ -13,6 +13,15 @@ const ramps = { "#8b8792", "#e2dfe7", "#efecf4", + ]).domain([ + 0, + 0.3, + 0.45, + 0.6, + 0.65, + 0.7, + 0.85, + 1 ]), red: colorRamp(chroma("#be4678")), orange: colorRamp(chroma("#aa573c")), diff --git a/styles/src/themes/one-dark.ts b/styles/src/themes/one-dark.ts index f90e0331d352c6edf1cd73517cf603e5a4ce370f..af47ca930e7e3f38917fcbcdd1dfcb1785cd8e10 100644 --- a/styles/src/themes/one-dark.ts +++ b/styles/src/themes/one-dark.ts @@ -33,6 +33,15 @@ const ramps = { base05, base06, base07, + ]).domain([ + 0, + 0.2, + 0.3, + 0.45, + 0.62, + 0.8, + 0.9, + 1 ]), red: colorRamp(chroma(base08)), orange: colorRamp(chroma(base09)), diff --git a/styles/src/themes/one-light.ts b/styles/src/themes/one-light.ts index c857b1d052b755d2d06caa4c24ea7ed0888eec48..4a681a34752090eaadec4780733beab3eb165721 100644 --- a/styles/src/themes/one-light.ts +++ b/styles/src/themes/one-light.ts @@ -33,6 +33,11 @@ const ramps = { base05, base06, base07, + ]).domain([ + 0, + 0.05, + 0.77, + 1 ]), red: colorRamp(chroma(base08)), orange: colorRamp(chroma(base09)), diff --git a/styles/src/themes/rose-pine-dawn.ts b/styles/src/themes/rose-pine-dawn.ts index e27740ca93de4dd8f15b1e44954fac6c2771aa67..e3227d0139b79452d450a455bac9dc8baf64dfd0 100644 --- a/styles/src/themes/rose-pine-dawn.ts +++ b/styles/src/themes/rose-pine-dawn.ts @@ -13,6 +13,10 @@ const ramps = { "#F2E9E1", "#FFFAF3", "#FAF4ED", + ]).domain([ + 0, + 0.73, + 1 ]), red: colorRamp(chroma("#B4637A")), orange: colorRamp(chroma("#D7827E")), diff --git a/styles/src/themes/rose-pine-moon.ts b/styles/src/themes/rose-pine-moon.ts index 927083f66caabb8857ddecf592c26615463832da..d0266a453dd718f97fbc0df5d2646462df60c2ce 100644 --- a/styles/src/themes/rose-pine-moon.ts +++ b/styles/src/themes/rose-pine-moon.ts @@ -13,6 +13,11 @@ const ramps = { "#6E6A86", "#908CAA", "#E0DEF4", + ]).domain([ + 0, + 0.3, + 0.55, + 1 ]), red: colorRamp(chroma("#EB6F92")), orange: colorRamp(chroma("#EBBCBA")), diff --git a/styles/src/themes/sandcastle.ts b/styles/src/themes/sandcastle.ts index feffb854b2752063e26eab909f9936e3c2255c6c..5e5230104b17f9c6d2c2f21bebd3913314ef9ade 100644 --- a/styles/src/themes/sandcastle.ts +++ b/styles/src/themes/sandcastle.ts @@ -17,9 +17,9 @@ const ramps = { red: colorRamp(chroma("#B4637A")), orange: colorRamp(chroma("#a07e3b")), yellow: colorRamp(chroma("#a07e3b")), - green: colorRamp(chroma("#528b8b")), + green: colorRamp(chroma("#83a598")), cyan: colorRamp(chroma("#83a598")), - blue: colorRamp(chroma("#83a598")), + blue: colorRamp(chroma("#528b8b")), violet: colorRamp(chroma("#d75f5f")), magenta: colorRamp(chroma("#a87322")), }; diff --git a/styles/src/themes/solarized.ts b/styles/src/themes/solarized.ts index 7c0ea3ca029d932f4eefae3ff08540ae3899a545..577a43c0b6cbcb27e67ec65d62f781c58e869418 100644 --- a/styles/src/themes/solarized.ts +++ b/styles/src/themes/solarized.ts @@ -13,6 +13,15 @@ const ramps = { "#93a1a1", "#eee8d5", "#fdf6e3", + ]).domain([ + 0, + 0.2, + 0.38, + 0.45, + 0.65, + 0.7, + 0.85, + 1 ]), red: colorRamp(chroma("#dc322f")), orange: colorRamp(chroma("#cb4b16")), diff --git a/styles/src/themes/sulphurpool.ts b/styles/src/themes/sulphurpool.ts index e701ab3d21cc640dd15e59e90b96873008058d9a..2acd8041bd089abd0deaa25eadbb85723080707e 100644 --- a/styles/src/themes/sulphurpool.ts +++ b/styles/src/themes/sulphurpool.ts @@ -13,6 +13,15 @@ const ramps = { "#979db4", "#dfe2f1", "#f5f7ff", + ]).domain([ + 0, + 0.2, + 0.38, + 0.45, + 0.65, + 0.7, + 0.85, + 1 ]), red: colorRamp(chroma("#c94922")), orange: colorRamp(chroma("#c76b29")), diff --git a/styles/src/themes/summercamp.ts b/styles/src/themes/summercamp.ts index 706eb843444af8d22d4da3fc9b6bbebe6a38e1a9..6f2ecbcc9c1c919bed642654bb7a45cbb7e9949f 100644 --- a/styles/src/themes/summercamp.ts +++ b/styles/src/themes/summercamp.ts @@ -13,6 +13,15 @@ const ramps = { "#736e55", "#bab696", "#f8f5de", + ]).domain([ + 0, + 0.2, + 0.38, + 0.4, + 0.65, + 0.7, + 0.85, + 1 ]), red: colorRamp(chroma("#e35142")), orange: colorRamp(chroma("#fba11b")),