Adjust colour of ticks

OlympusDAO · Oct 10, 2023 · 9ac32db · 9ac32db
1 parent 0112430
commit 9ac32db
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/src/views/Lending/Cooler/dashboard/IncomeGraph.tsx b/src/views/Lending/Cooler/dashboard/IncomeGraph.tsx
@@ -39,6 +39,9 @@ export const IncomeGraph = ({ startDate }: { startDate?: Date }) => {
   const bulletpointStyles = getBulletpointStylesMap(DEFAULT_BULLETPOINT_COLOURS, dataKeys);
   const colorsMap = getDataKeyColorsMap(DEFAULT_COLORS, dataKeys);
   const dataKeyLabels = getCategoriesMap(itemNames, dataKeys);
+  const tickStyle = getTickStyle(theme);
+  tickStyle.stroke = "#8A8B90";
+  tickStyle.fill = "#8A8B90";
 
   return (
     <Grid container>
@@ -68,7 +71,7 @@ export const IncomeGraph = ({ startDate }: { startDate?: Date }) => {
           dataKeyLabels={dataKeyLabels}
           infoTooltipMessage={""}
           isLoading={!coolerSnapshots}
-          tickStyle={getTickStyle(theme)}
+          tickStyle={tickStyle}
           itemDecimals={0}
           margin={{ left: 30 }}
         />

diff --git a/src/views/Lending/Cooler/dashboard/MaturityGraph.tsx b/src/views/Lending/Cooler/dashboard/MaturityGraph.tsx
@@ -102,6 +102,9 @@ export const MaturityGraph = () => {
   const bulletpointStyles = getBulletpointStylesMap(DEFAULT_BULLETPOINT_COLOURS, dataKeys);
   const colorsMap = getDataKeyColorsMap(DEFAULT_COLORS, dataKeys);
   const dataKeyLabels = getCategoriesMap(itemNames, dataKeys);
+  const tickStyle = getTickStyle(theme);
+  tickStyle.stroke = "#8A8B90";
+  tickStyle.fill = "#8A8B90";
 
   return (
     <Grid container>
@@ -131,7 +134,7 @@ export const MaturityGraph = () => {
           dataKeyLabels={dataKeyLabels}
           infoTooltipMessage={""}
           isLoading={!coolerSnapshots}
-          tickStyle={getTickStyle(theme)}
+          tickStyle={tickStyle}
           itemDecimals={0}
           margin={{ left: 30 }}
           displayTooltipTotal={true}

diff --git a/src/views/Lending/Cooler/dashboard/UtilisationGraph.tsx b/src/views/Lending/Cooler/dashboard/UtilisationGraph.tsx
@@ -43,6 +43,9 @@ export const UtilisationGraph = ({ startDate }: { startDate?: Date }) => {
   const bulletpointStyles = getBulletpointStylesMap(DEFAULT_BULLETPOINT_COLOURS, dataKeys);
   const colorsMap = getDataKeyColorsMap(DEFAULT_COLORS, dataKeys);
   const dataKeyLabels = getCategoriesMap(itemNames, dataKeys);
+  const tickStyle = getTickStyle(theme);
+  tickStyle.stroke = "#8A8B90";
+  tickStyle.fill = "#8A8B90";
 
   return (
     <Grid container>
@@ -72,7 +75,7 @@ export const UtilisationGraph = ({ startDate }: { startDate?: Date }) => {
           dataKeyLabels={dataKeyLabels}
           infoTooltipMessage={""}
           isLoading={!coolerSnapshots}
-          tickStyle={getTickStyle(theme)}
+          tickStyle={tickStyle}
           itemDecimals={0}
           margin={{ left: 30 }}
         />