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

reverted favicon change to a more readable one

Browse source
This commit is contained in:
Jack 2021-08-27 12:52:48 +01:00
parent 95b925d6a8
commit 77c3d80661
1 changed files with 32 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
src/js/theme-controller.js
View file

@ -23,16 +23,38 @@ export const colorVars = [
"--colorful-error-extra-color",
];
async function updateFavicon(size, curveSize) {
setTimeout(() => {
domtoimage
.toPng(document.querySelector(".logo .icon"))
.then(function (dataUrl) {
// console.log(dataUrl);
// ctx.drawImage(dataUrl, 0, 0);
// $('body').prepend(canvas);
$("#favicon").attr("href", dataUrl);
});
function updateFavicon(size, curveSize) {
setTimeout(async () => {
let maincolor, bgcolor;
bgcolor = await ThemeColors.get("bg");
maincolor = await ThemeColors.get("main");
if (bgcolor == maincolor) {
bgcolor = "#111";
maincolor = "#eee";
}
var canvas = document.createElement("canvas");
canvas.width = size;
canvas.height = size;
let ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.moveTo(0, curveSize);
//top left
ctx.quadraticCurveTo(0, 0, curveSize, 0);
ctx.lineTo(size - curveSize, 0);
//top right
ctx.quadraticCurveTo(size, 0, size, curveSize);
ctx.lineTo(size, size - curveSize);
ctx.quadraticCurveTo(size, size, size - curveSize, size);
ctx.lineTo(curveSize, size);
ctx.quadraticCurveTo(0, size, 0, size - curveSize);
ctx.fillStyle = bgcolor;
ctx.fill();
ctx.font = "900 " + (size / 2) * 1.2 + "px Lexend Deca";
ctx.textAlign = "center";
ctx.fillStyle = maincolor;
ctx.fillText("mt", size / 2 + 1, (size / 3) * 2.1);
$("body").prepend(canvas);
$("#favicon").attr("href", canvas.toDataURL("image/png"));
}, 125);
}