renato97/manga-mass-downloader
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add Chrome extension icons

Browse Source 
- Created icon files in 4 sizes: 16x16, 32x32, 48x48, 128x128
- Added icons directory with gradient purple design
- Updated manifest.json to include default_icon configuration
- Icons will now display properly in Chrome toolbar

Required for Chrome Web Store compliance
This commit is contained in:
renato97
2025-11-04 04:35:50 +00:00
parent aa45241525
commit 8e1631b340
6 changed files with 60 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
create_icons.html Normal file
View File

@@ -0,0 +1,53 @@
<!DOCTYPE html>
<html>
<head>
<title>Icon Creator</title>
</head>
<body>
<canvas id="canvas" width="128" height="128"></canvas>
<script>
const canvas = document.getElementById('canvas');
const ctx = canvas.getContext('2d');
// Crear icono simple con gradiente
const gradient = ctx.createLinearGradient(0, 0, 128, 128);
gradient.addColorStop(0, '#667eea');
gradient.addColorStop(1, '#764ba2');
ctx.fillStyle = gradient;
ctx.fillRect(0, 0, 128, 128);
// Agregar texto
ctx.fillStyle = 'white';
ctx.font = 'bold 48px Arial';
ctx.textAlign = 'center';
ctx.textBaseline = 'middle';
ctx.fillText('📦', 64, 64);
// Descargar en diferentes tamaños
function downloadIcon(size) {
const tempCanvas = document.createElement('canvas');
tempCanvas.width = size;
tempCanvas.height = size;
const tempCtx = tempCanvas.getContext('2d');
// Redibujar con el tamaño correcto
tempCtx.drawImage(canvas, 0, 0, size, size);
const link = document.createElement('a');
link.download = `icon${size}.png`;
link.href = tempCanvas.toDataURL('image/png');
link.click();
}
// Crear botones para descargar
[16, 32, 48, 128].forEach(size => {
const btn = document.createElement('button');
btn.textContent = `Download ${size}x${size}`;
btn.onclick = () => downloadIcon(size);
document.body.appendChild(btn);
document.body.appendChild(document.createElement('br'));
});
</script>
</body>
</html>

BIN
icons/icon128.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 559 B

BIN
icons/icon16.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 150 B

BIN
icons/icon32.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 199 B

BIN
icons/icon48.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 246 B

8
manifest.json
View File

@@ -28,7 +28,13 @@
},
"action": {
"default_popup": "popup.html",
"default_title": "Manga Mass Downloader"
"default_title": "Manga Mass Downloader",
"default_icon": {
"16": "icons/icon16.png",
"32": "icons/icon32.png",
"48": "icons/icon48.png",
"128": "icons/icon128.png"
}
},
"web_accessible_resources": [
{