Minor visual adjustments

BrunoQuaresma · BrunoQuaresma · commit 2f3e52b36aac · 2024-07-01T18:08:00.000Z
diff --git a/site/src/pages/TemplatePage/TemplateInsightsPage/AppUsageChart.tsx b/site/src/pages/TemplatePage/TemplateInsightsPage/AppUsageChart.tsx
@@ -18,7 +18,7 @@ export const AppUsageChart: FC<AppUsageChartProps> = ({ usage, colors }) => {
           {
             data: usage.map((u) => u.seconds),
             backgroundColor: colors,
-            borderWidth: 0,
+            borderWidth: 1,
           },
         ],
       }}
diff --git a/site/src/pages/TemplatePage/TemplateInsightsPage/TemplateInsightsPage.tsx b/site/src/pages/TemplatePage/TemplateInsightsPage/TemplateInsightsPage.tsx
@@ -423,8 +423,8 @@ const TemplateUsagePanel: FC<TemplateUsagePanelProps> = ({
     ?.filter((u) => u.seconds > 0)
     .sort((a, b) => b.seconds - a.seconds);
   const colors = chroma
-    .scale([theme.palette.primary.dark, "#FFF"])
-    .classes(usage?.length ?? 0)
+    .bezier([theme.roles.info.fill.solid, theme.roles.info.fill.text])
+    .scale()
     .colors(usage?.length ?? 0);
   // The API returns a row for each app, even if the user didn't use it.
   const hasDataAvailable = usage && usage.length > 0;

Original file line number	Diff line number	Diff line change
`@@ -18,7 +18,7 @@ export const AppUsageChart: FC<AppUsageChartProps> = ({ usage, colors }) => {`
`18`	`18`	`{`
`19`	`19`	`data: usage.map((u) => u.seconds),`
`20`	`20`	`backgroundColor: colors,`
`21`		`- borderWidth: 0,`
	`21`	`+ borderWidth: 1,`
`22`	`22`	`},`
`23`	`23`	`],`
`24`	`24`	`}}`