feat: update colors on median graph

GlycanAge · Oct 30, 2024 · 80c4b47 · 80c4b47
1 parent 35dcdc8
commit 80c4b47
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/packages/lib/src/median-graph/median-graph.wc.svelte b/packages/lib/src/median-graph/median-graph.wc.svelte
@@ -35,10 +35,10 @@
     <div class="parent">
         <div class="colorBoxShort" style="background-color: #DF2120;"></div>
         <div class="colorBox" style="background-color: #F2800D;"></div>
-        <div class="colorBox" style="background-color: #13A195;"></div>
-        <div class="colorBox" style="background-color: #66CCAA;"></div>
         <div class="colorBox" style="background-color: #66CCAA;"></div>
         <div class="colorBox" style="background-color: #13A195;"></div>
+        <div class="colorBox" style="background-color: #13A195;"></div>
+        <div class="colorBox" style="background-color: #66CCAA;"></div>
         <div class="colorBox" style="background-color: #F2800D;"></div>
         <div class="colorBoxShort" style="background-color: #DF2120;"></div>
 

diff --git a/packages/lib/src/shared/functions/helpers.ts b/packages/lib/src/shared/functions/helpers.ts
@@ -122,11 +122,11 @@ export function getColorMedian(min: number, mid: number, max: number, result: nu
   } else if (position >= 9.5 && position <= 23) {
     return '#F2800D';
   } else if (position > 23 && position < 37) {
-    return '#13A195';
-  } else if (position >= 37 && position <= 63) {
     return '#66CCAA';
-  } else if (position > 63 && position < 77) {
+  } else if (position >= 37 && position <= 63) {
     return '#13A195';
+  } else if (position > 63 && position < 77) {
+    return '#66CCAA';
   } else if (position >= 77 && position <= 90.5) {
     return '#F2800D';
   } else if (position > 90.5) {