Remap theme ramp domains

Nate Butler and gibusu created 3 years ago

Co-Authored-By: gibusu <95764254+gibusu@users.noreply.github.com>

Change summary

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(-)

Detailed changes

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")),

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,

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")),

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")),

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)),

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)),

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")),

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")),

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")),
 };

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")),

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")),

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")),