monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2025-11-11 22:51:35 +08:00
Code Issues Projects Releases Packages Wiki Activity

chore: update grid and ticks colors for all charts for consistency

Browse source
This commit is contained in:
Miodec 2025-08-24 13:52:22 +02:00
parent 258a437c9d
commit d4b3d1489b
1 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
frontend/src/ts/controllers/chart-controller.ts
View file

@ -67,6 +67,7 @@ import * as DateTime from "../utils/date-and-time";
import * as Arrays from "../utils/arrays";
import * as Numbers from "@monkeytype/util/numbers";
import { blendTwoHexColors } from "../utils/colors";
import { typedKeys } from "../utils/misc";
class ChartWithUpdateColors<
TType extends ChartType = ChartType,
@ -1158,8 +1159,17 @@ async function updateColors<
const maincolor = await ThemeColors.get("main");
const errorcolor = await ThemeColors.get("error");
const textcolor = await ThemeColors.get("text");
const gridcolor = subaltcolor;
const gridcolor = blendTwoHexColors(bgcolor, subaltcolor, 0.75);
for (const scaleKey of typedKeys(chart.scales)) {
//@ts-expect-error cant figure out this type but it works fine
const scale = chart.getScale(scaleKey) as CartesianScaleOptions;
scale.grid.color = gridcolor;
scale.grid.tickColor = gridcolor;
scale.grid.borderColor = gridcolor;
scale.ticks.color = subcolor;
scale.title.color = subcolor;
}
//@ts-expect-error its too difficult to figure out these types, but this works
chart.data.datasets[0].borderColor = (ctx): string => {