@mytec: iter3.4.0 start

frontend/src/utils/colorGradient.ts

@@ -1,10 +1,11 @@
 /**
  * RSRP → color mapping with smooth gradient interpolation.
  *
- * Purple → Orange palette:
- *   -130 dBm = deep purple (no service)
- *    -90 dBm = peach (fair)
- *    -50 dBm = bright orange (excellent)
+ * CloudRF-style Red → Blue palette:
+ *   -130 dBm = dark red (no service)
+ *   -100 dBm = yellow (fair)
+ *    -70 dBm = green (good)
+ *    -50 dBm = deep blue (excellent)
  *
  * All functions are pure and allocation-free on the hot path
  * (pre-built lookup table for fast per-pixel color resolution).
@@ -18,14 +19,13 @@ interface GradientStop {
 }
 
 const GRADIENT_STOPS: GradientStop[] = [
-  { value: 0.0, r: 26, g: 0, b: 51 },       // #1a0033 — deep purple (no service)
-  { value: 0.15, r: 74, g: 20, b: 140 },     // #4a148c — dark purple
-  { value: 0.30, r: 123, g: 31, b: 162 },    // #7b1fa2 — purple (very weak)
-  { value: 0.45, r: 171, g: 71, b: 188 },    // #ab47bc — light purple (weak)
-  { value: 0.60, r: 255, g: 138, b: 101 },   // #ff8a65 — peach (fair)
-  { value: 0.75, r: 255, g: 111, b: 0 },     // #ff6f00 — dark orange (good)
-  { value: 0.85, r: 255, g: 152, b: 0 },     // #ff9800 — orange (strong)
-  { value: 1.0, r: 255, g: 183, b: 77 },     // #ffb74d — bright orange (excellent)
+  { value: 0.0,  r: 127, g: 0,   b: 0   },   // #7f0000 — dark red (no service)
+  { value: 0.15, r: 239, g: 68,  b: 68  },   // #EF4444 — red (very weak)
+  { value: 0.30, r: 249, g: 115, b: 22  },   // #F97316 — orange (weak)
+  { value: 0.50, r: 234, g: 179, b: 8   },   // #EAB308 — yellow (fair)
+  { value: 0.70, r: 34,  g: 197, b: 94  },   // #22C55E — green (good)
+  { value: 0.85, r: 59,  g: 130, b: 246 },   // #3B82F6 — blue (strong)
+  { value: 1.0,  r: 37,  g: 99,  b: 235 },   // #2563EB — deep blue (excellent)
 ];
 
 /**