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

customizable opacity

Browse source
This commit is contained in:
Miodec 2023-03-09 15:29:28 +01:00
parent 438a1e5ac7
commit b46fa16785
2 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/src/ts/test/test-ui.ts
View file

@ -1044,9 +1044,9 @@ export async function applyBurstHeatmap(): Promise<void> {
const colors = [
themeColors.colorfulError,
Misc.blendTwoHexColors(themeColors.colorfulError, themeColors.text),
Misc.blendTwoHexColors(themeColors.colorfulError, themeColors.text, 0.5),
themeColors.text,
Misc.blendTwoHexColors(themeColors.main, themeColors.text),
Misc.blendTwoHexColors(themeColors.main, themeColors.text, 0.5),
themeColors.main,
];

8
frontend/src/ts/utils/misc.ts
View file

@ -236,7 +236,11 @@ export async function getContributorsList(): Promise<string[]> {
}
}
export function blendTwoHexColors(color1: string, color2: string): string {
export function blendTwoHexColors(
color1: string,
color2: string,
opacity: number
): string {
const rgb1 = hexToRgb(color1);
const rgb2 = hexToRgb(color2);
@ -251,7 +255,7 @@ export function blendTwoHexColors(color1: string, color2: string): string {
r: rgb2.r,
g: rgb2.g,
b: rgb2.b,
a: 0.5,
a: opacity,
};
const blended = normalBlend(rgba1, rgba2);
return rgbToHex(blended.r, blended.g, blended.b);