From 70d07d8b8ec977f37bea2988583b3926a39b28d5 Mon Sep 17 00:00:00 2001
From: nikki kiga <42276368+nikki-kiga@users.noreply.github.com>
Date: Mon, 19 Jul 2021 23:12:39 -0700
Subject: [PATCH] change pie gradient to from colors

---
 public/app/plugins/panel/piechart/PieChart.tsx | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/public/app/plugins/panel/piechart/PieChart.tsx b/public/app/plugins/panel/piechart/PieChart.tsx
index 1fe6d3e45e2..208c62da492 100644
--- a/public/app/plugins/panel/piechart/PieChart.tsx
+++ b/public/app/plugins/panel/piechart/PieChart.tsx
@@ -30,6 +30,7 @@ import { css } from '@emotion/css';
 import { useComponentInstanceId } from '@grafana/ui/src/utils/useComponetInstanceId';
 import { getTooltipContainerStyles } from '@grafana/ui/src/themes/mixins';
 import { selectors } from '@grafana/e2e-selectors';
+import { darken, lighten } from '@grafana/data/src/themes/colorManipulator';
 
 /**
  * @beta
@@ -344,17 +345,11 @@ function getLabelPos(arc: PieArcDatum<FieldDisplay>, outerRadius: number, innerR
 }
 
 function getGradientColorFrom(color: string, theme: GrafanaTheme2) {
-  return tinycolor(color)
-    .darken(20 * (theme.isDark ? 1 : -0.7))
-    .spin(8)
-    .toRgbString();
+  return theme.isDark ? darken(color, 0.3) : lighten(color, 0.3);
 }
 
 function getGradientColorTo(color: string, theme: GrafanaTheme2) {
-  return tinycolor(color)
-    .darken(10 * (theme.isDark ? 1 : -0.7))
-    .spin(-8)
-    .toRgbString();
+  return theme.isDark ? darken(color, 0.1) : lighten(color, 0.1);
 }
 
 interface PieLayout {