diff --git a/styles/src/themes/abruzzo.ts b/styles/src/themes/abruzzo.ts
index 8f96fce1d2..c73aa311d4 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 1006531b25..1fc59baebf 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 fd62c39421..3366f54737 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 53d8bd088c..f9c9b9d49e 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 f90e0331d3..af47ca930e 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 c857b1d052..4a681a3475 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 e27740ca93..e3227d0139 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 927083f66c..d0266a453d 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 feffb854b2..5e5230104b 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 7c0ea3ca02..577a43c0b6 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 e701ab3d21..2acd8041bd 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 706eb84344..6f2ecbcc9c 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")),