diff --git a/omega-target-chromium-extension/background.coffee b/omega-target-chromium-extension/background.coffee index 3ab4a4d..ae44032 100644 --- a/omega-target-chromium-extension/background.coffee +++ b/omega-target-chromium-extension/background.coffee @@ -33,11 +33,16 @@ drawIcon = (resultColor, profileColor) -> icon = iconCache[cacheKey] return icon if icon ctx = document.getElementById('canvas-icon').getContext('2d') + ctx2x = document.getElementById('canvas-icon-2x').getContext('2d') if resultColor? drawOmega ctx, resultColor, profileColor + drawOmega2x ctx2x, resultColor, profileColor else drawOmega ctx, profileColor - icon = ctx.getImageData(0, 0, 19, 19) + drawOmega2x ctx2x, profileColor + icon = + 19: ctx.getImageData(0, 0, 19, 19) + 38: ctx2x.getImageData(0, 0, 38, 38) return iconCache[cacheKey] = icon charCodeUnderscore = '_'.charCodeAt(0) diff --git a/omega-target-chromium-extension/overlay/background.html b/omega-target-chromium-extension/overlay/background.html index d4e59f1..0c8703d 100644 --- a/omega-target-chromium-extension/overlay/background.html +++ b/omega-target-chromium-extension/overlay/background.html @@ -6,12 +6,14 @@ + + diff --git a/omega-web/img/icons/omega-2x.svg b/omega-web/img/icons/omega-2x.svg new file mode 100644 index 0000000..88ee9a2 --- /dev/null +++ b/omega-web/img/icons/omega-2x.svg @@ -0,0 +1,14 @@ + + + + diff --git a/omega-web/img/icons/omega-2x_svg.js b/omega-web/img/icons/omega-2x_svg.js new file mode 100644 index 0000000..865906a --- /dev/null +++ b/omega-web/img/icons/omega-2x_svg.js @@ -0,0 +1,34 @@ +var drawOmega2x = function (ctx, outerCircleColor, innerCircleColor) { + ctx.clearRect(0,0,38,38); + + ctx.lineCap = 'butt'; + ctx.lineJoin = 'miter'; + ctx.miterLimit = 4; + + if (innerCircleColor != null) { + ctx.fillStyle = innerCircleColor; + ctx.moveTo(36.077892,19); + ctx.bezierCurveTo(36.077892,28.222652,28.431858,35.699084,19,35.699084); + ctx.bezierCurveTo(9.5681407,35.699084,1.922108,28.22265,1.922108,19); + ctx.bezierCurveTo(1.922108,9.77735,9.5681407,2.300916,19,2.300916); + ctx.bezierCurveTo(28.431858,2.300916,36.077892,9.77735,36.077892,19); + ctx.closePath(); + ctx.fill(); + } + + ctx.fillStyle = outerCircleColor; + ctx.beginPath(); + ctx.moveTo(28.091374,19.0002); + ctx.bezierCurveTo(28.091374,23.909854,24.021026,27.889916,19,27.889916); + ctx.bezierCurveTo(13.978973,27.889916,9.9086265,23.909854,9.9086265,19.0002); + ctx.bezierCurveTo(9.9086265,14.090546,13.978973,10.110484,19,10.110484); + ctx.bezierCurveTo(24.021026,10.110484,28.091374000000002,14.090546,28.091374000000002,19.0002); + ctx.closePath(); + ctx.moveTo(36.077892,19); + ctx.bezierCurveTo(36.077892,28.222652,28.431858,35.699084,19,35.699084); + ctx.bezierCurveTo(9.5681407,35.699084,1.922108,28.22265,1.922108,19); + ctx.bezierCurveTo(1.922108,9.77735,9.5681407,2.300916,19,2.300916); + ctx.bezierCurveTo(28.431858,2.300916,36.077892,9.77735,36.077892,19); + ctx.closePath(); + ctx.fill('evenodd'); +};