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

reverting to default colors if the favicon was about to be a solid square

Browse source
This commit is contained in:
Jack 2020-05-21 17:34:26 +01:00
parent abb53f9bb5
commit 80fc3d2373
1 changed files with 14 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
public/js/userconfig.js
View file

@ -151,7 +151,17 @@ function setTheme(name) {
}
}
function updateFavicon(size,curveSize){
function updateFavicon(size, curveSize) {
let maincolor, bgcolor;
bgcolor = getComputedStyle(document.body).getPropertyValue('--bg-color').replace(' ','');
maincolor = getComputedStyle(document.body).getPropertyValue('--main-color').replace(' ','');
if (bgcolor == maincolor) {
bgcolor = "#111";
maincolor = "#eee";
}
var canvas = document.createElement('canvas');
canvas.width = size;
canvas.height = size;
@ -166,12 +176,12 @@ function updateFavicon(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 = getComputedStyle(document.body).getPropertyValue('--bg-color').replace(' ','');
ctx.quadraticCurveTo(0, size, 0, size - curveSize);
ctx.fillStyle = bgcolor;
ctx.fill();
ctx.font = "900 "+ size/2*1.2 + "px Roboto Mono";
ctx.textAlign = "center";
ctx.fillStyle = getComputedStyle(document.body).getPropertyValue('--main-color').replace(' ','');
ctx.fillStyle = maincolor;
ctx.fillText("mt", size/2+(size/32), size/3*2.1);
// document.body.appendChild(canvas);
$("#favicon").attr('href',canvas.toDataURL('image/png'));