Merge pull request #43 from Vizzuality/widgets-color-changes

Habitat widget bar chart tweaks
Vizzuality · Nov 8, 2023 · df91c6b · df91c6b
2 parents 5cc94a7 + ed36185
commit df91c6b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/frontend/src/components/charts/horizontal-bar-chart/index.tsx b/frontend/src/components/charts/horizontal-bar-chart/index.tsx
@@ -57,9 +57,9 @@ const HorizontalBarChart: React.FC<HorizontalBarChartProps> = ({ className, data
           style={{ backgroundColor: barColor || DEFAULT_BAR_COLOR, width: `${barFillPercentage}%` }}
         ></span>
         <span
-          className="absolute top-0 bottom-0 border-r-2 border-orange"
+          className="absolute top-0 bottom-0 w-1 border-x border-white bg-orange"
           style={{
-            width: `${targetPositionPercentage}%`,
+            left: `${targetPositionPercentage}%`,
           }}
         >
           <span className="absolute right-0 top-5 whitespace-nowrap text-xs text-orange">

diff --git a/frontend/src/constants/habitat-chart-colors.ts b/frontend/src/constants/habitat-chart-colors.ts
@@ -1,8 +1,8 @@
 export const HABITAT_CHART_COLORS = {
   'warm-water corals': '#AD6CFF',
   'cold-water corals': '#04D8F4',
-  mangroves: '#FD8E28',
-  seagrasses: '#02B07C',
+  mangroves: '#A1EB04',
+  seagrasses: '#02B048',
   saltmarshes: '#717B00',
-  seamounts: '#9B5400',
+  seamounts: '#884B02',
 };