diff --git a/icon.png b/static/icon.png
similarity index 100%
rename from icon.png
rename to static/icon.png
diff --git a/static/icons/clipboard.png b/static/icons/clipboard.png
new file mode 100644
index 0000000..499bff1
Binary files /dev/null and b/static/icons/clipboard.png differ
diff --git a/static/icons/open-folder.png b/static/icons/open-folder.png
new file mode 100644
index 0000000..ca84780
Binary files /dev/null and b/static/icons/open-folder.png differ
diff --git a/static/icons/vs2022.png b/static/icons/vs2022.png
new file mode 100644
index 0000000..25f71c1
Binary files /dev/null and b/static/icons/vs2022.png differ
diff --git a/static/icons/vscode.png b/static/icons/vscode.png
index f147745..d1003de 100644
Binary files a/static/icons/vscode.png and b/static/icons/vscode.png differ
diff --git a/static/js/launcher.js b/static/js/launcher.js
index c269a8b..c626da5 100644
--- a/static/js/launcher.js
+++ b/static/js/launcher.js
@@ -1050,7 +1050,7 @@ class LauncherManager {
         // Intentar cargar icono personalizado
         const img = document.createElement('img');
         img.src = `/api/group-icon/launcher/${groupId}`;
-        img.className = 'w-5 h-5 rounded object-cover';
+        img.className = 'w-7 h-7 rounded object-cover';
         img.onerror = () => {
             // Fallback a icono por defecto basado en categoría
             iconElement.innerHTML = this.getDefaultIconForCategory(fallbackCategory);
diff --git a/templates/index.html b/templates/index.html
index e20814b..c15122f 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -5,6 +5,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Script Parameter Manager</title>
+    <link rel="icon" type="image/png" href="{{ url_for('static', filename='icon.png') }}">
     <script src="https://cdn.tailwindcss.com"></script>
     <link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}?v=1.1">
 </head>
@@ -163,29 +164,31 @@
                         </svg>
                     </button>
                     <button onclick="openGroupInEditor('vscode', 'config', currentGroup)"
-                        class="bg-blue-500 text-white p-2 rounded mb-2" id="vscode-config-btn"
-                        title="Abrir grupo en VS Code">
-                        <img src="{{ url_for('static', filename='icons/vscode.png') }}" class="w-5 h-5"
+                        class="bg-white text-gray-700 p-2 rounded mb-2 border-2 border-gray-300 shadow-sm hover:shadow-md transition-shadow"
+                        id="vscode-config-btn" title="Abrir grupo en VS Code">
+                        <img src="{{ url_for('static', filename='icons/vscode.png') }}" class="w-7 h-7"
                             alt="VS Code Icon">
                     </button>
                     <!-- Nuevo botón para Cursor -->
                     <button onclick="openGroupInEditor('cursor', 'config', currentGroup)"
-                        class="bg-blue-500 text-white p-2 rounded mb-2" id="cursor-config-btn"
-                        title="Abrir grupo en Cursor">
-                        <img src="{{ url_for('static', filename='icons/cursor.png') }}" class="w-5 h-5"
+                        class="bg-white text-gray-700 p-2 rounded mb-2 border-2 border-gray-300 shadow-sm hover:shadow-md transition-shadow"
+                        id="cursor-config-btn" title="Abrir grupo en Cursor">
+                        <img src="{{ url_for('static', filename='icons/cursor.png') }}" class="w-7 h-7"
                             alt="Cursor Icon">
                     </button>
                     <!-- Botón para abrir carpeta del grupo -->
                     <button onclick="openGroupFolder('config', currentGroup)"
-                        class="bg-green-500 text-white p-2 rounded mb-2" id="folder-config-btn"
-                        title="Abrir carpeta del grupo">
-                        📁
+                        class="bg-white text-gray-700 p-2 rounded mb-2 border-2 border-gray-300 shadow-sm hover:shadow-md transition-shadow"
+                        id="folder-config-btn" title="Abrir carpeta del grupo">
+                        <img src="{{ url_for('static', filename='icons/open-folder.png') }}" class="w-7 h-7"
+                            alt="Open Folder Icon">
                     </button>
                     <!-- Botón para copiar path del grupo -->
                     <button onclick="copyGroupPath('config', currentGroup)"
-                        class="bg-gray-500 text-white p-2 rounded mb-2" id="copy-path-config-btn"
-                        title="Copiar path del grupo">
-                        📋
+                        class="bg-white text-gray-700 p-2 rounded mb-2 border-2 border-gray-300 shadow-sm hover:shadow-md transition-shadow"
+                        id="copy-path-config-btn" title="Copiar path del grupo">
+                        <img src="{{ url_for('static', filename='icons/clipboard.png') }}" class="w-7 h-7"
+                            alt="Clipboard Icon">
                     </button>
                 </div>
 
@@ -278,30 +281,32 @@
                         </div>
                         <button
                             onclick="launcherManager.openGroupInEditor('vscode', 'launcher', launcherManager.currentGroup.id)"
-                            class="bg-purple-500 text-white px-4 py-3 rounded-lg hover:bg-purple-600"
+                            class="bg-white text-gray-700 px-4 py-3 rounded-lg border-2 border-gray-300 shadow-sm hover:shadow-md transition-shadow"
                             id="vscode-launcher-btn" style="display: none;" title="Abrir grupo en VS Code">
-                            <img src="{{ url_for('static', filename='icons/vscode.png') }}" class="w-5 h-5"
+                            <img src="{{ url_for('static', filename='icons/vscode.png') }}" class="w-7 h-7"
                                 alt="VS Code Icon">
                         </button>
                         <!-- Nuevo botón para Cursor -->
                         <button
                             onclick="launcherManager.openGroupInEditor('cursor', 'launcher', launcherManager.currentGroup.id)"
-                            class="bg-purple-500 text-white px-4 py-3 rounded-lg hover:bg-purple-600"
+                            class="bg-white text-gray-700 px-4 py-3 rounded-lg border-2 border-gray-300 shadow-sm hover:shadow-md transition-shadow"
                             id="cursor-launcher-btn" style="display: none;" title="Abrir grupo en Cursor">
-                            <img src="{{ url_for('static', filename='icons/cursor.png') }}" class="w-5 h-5"
+                            <img src="{{ url_for('static', filename='icons/cursor.png') }}" class="w-7 h-7"
                                 alt="Cursor Icon">
                         </button>
                         <!-- Botón para abrir carpeta del grupo launcher -->
                         <button onclick="launcherManager.openGroupFolder()"
-                            class="bg-green-500 text-white px-4 py-3 rounded-lg hover:bg-green-600"
+                            class="bg-white text-gray-700 px-4 py-3 rounded-lg border-2 border-gray-300 shadow-sm hover:shadow-md transition-shadow"
                             id="folder-launcher-btn" style="display: none;" title="Abrir carpeta del grupo">
-                            📁
+                            <img src="{{ url_for('static', filename='icons/open-folder.png') }}" class="w-7 h-7"
+                                alt="Open Folder Icon">
                         </button>
                         <!-- Botón para copiar path del grupo launcher -->
                         <button onclick="launcherManager.copyGroupPath()"
-                            class="bg-gray-500 text-white px-4 py-3 rounded-lg hover:bg-gray-600"
+                            class="bg-white text-gray-700 px-4 py-3 rounded-lg border-2 border-gray-300 shadow-sm hover:shadow-md transition-shadow"
                             id="copy-path-launcher-btn" style="display: none;" title="Copiar path del grupo">
-                            📋
+                            <img src="{{ url_for('static', filename='icons/clipboard.png') }}" class="w-7 h-7"
+                                alt="Clipboard Icon">
                         </button>
                     </div>
                 </div>
@@ -418,25 +423,28 @@
                             </div>
                         </div>
                         <button onclick="openCSharpProjectInEditor('cursor')"
-                            class="bg-purple-500 text-white px-4 py-3 rounded-lg hover:bg-purple-600"
+                            class="bg-white text-gray-700 px-4 py-3 rounded-lg border-2 border-gray-300 shadow-sm hover:shadow-md transition-shadow"
                             id="cursor-csharp-btn" style="display: none;" title="Abrir proyecto en Cursor">
-                            <img src="{{ url_for('static', filename='icons/cursor.png') }}" class="w-5 h-5"
+                            <img src="{{ url_for('static', filename='icons/cursor.png') }}" class="w-7 h-7"
                                 alt="Cursor Icon">
                         </button>
                         <button onclick="openCSharpProjectInEditor('vs2022')"
-                            class="bg-purple-500 text-white px-4 py-3 rounded-lg hover:bg-purple-600"
+                            class="bg-white text-gray-700 px-4 py-3 rounded-lg border-2 border-gray-300 shadow-sm hover:shadow-md transition-shadow"
                             id="vs2022-csharp-btn" style="display: none;" title="Abrir proyecto en Visual Studio 2022">
-                            💜
+                            <img src="{{ url_for('static', filename='icons/vs2022.png') }}" class="w-7 h-7"
+                                alt="Visual Studio 2022 Icon">
                         </button>
                         <button onclick="openCSharpProjectFolder()"
-                            class="bg-green-500 text-white px-4 py-3 rounded-lg hover:bg-green-600"
+                            class="bg-white text-gray-700 px-4 py-3 rounded-lg border-2 border-gray-300 shadow-sm hover:shadow-md transition-shadow"
                             id="folder-csharp-btn" style="display: none;" title="Abrir carpeta del proyecto">
-                            📁
+                            <img src="{{ url_for('static', filename='icons/open-folder.png') }}" class="w-7 h-7"
+                                alt="Open Folder Icon">
                         </button>
                         <button onclick="copyCSharpProjectPath()"
-                            class="bg-gray-500 text-white px-4 py-3 rounded-lg hover:bg-gray-600"
+                            class="bg-white text-gray-700 px-4 py-3 rounded-lg border-2 border-gray-300 shadow-sm hover:shadow-md transition-shadow"
                             id="copy-path-csharp-btn" style="display: none;" title="Copiar path del proyecto">
-                            📋
+                            <img src="{{ url_for('static', filename='icons/clipboard.png') }}" class="w-7 h-7"
+                                alt="Clipboard Icon">
                         </button>
                     </div>
                 </div>
@@ -538,26 +546,28 @@
                             </div>
                         </div>
                         <button onclick="openPythonProjectInEditor('vscode')"
-                            class="bg-blue-500 text-white px-4 py-3 rounded-lg hover:bg-blue-600" id="vscode-python-btn"
-                            style="display: none;" title="Abrir proyecto en VS Code">
-                            <img src="{{ url_for('static', filename='icons/vscode.png') }}" class="w-5 h-5"
+                            class="bg-white text-gray-700 px-4 py-3 rounded-lg border-2 border-gray-300 shadow-sm hover:shadow-md transition-shadow"
+                            id="vscode-python-btn" style="display: none;" title="Abrir proyecto en VS Code">
+                            <img src="{{ url_for('static', filename='icons/vscode.png') }}" class="w-7 h-7"
                                 alt="VS Code Icon">
                         </button>
                         <button onclick="openPythonProjectInEditor('cursor')"
-                            class="bg-purple-500 text-white px-4 py-3 rounded-lg hover:bg-purple-600"
+                            class="bg-white text-gray-700 px-4 py-3 rounded-lg border-2 border-gray-300 shadow-sm hover:shadow-md transition-shadow"
                             id="cursor-python-btn" style="display: none;" title="Abrir proyecto en Cursor">
-                            <img src="{{ url_for('static', filename='icons/cursor.png') }}" class="w-5 h-5"
+                            <img src="{{ url_for('static', filename='icons/cursor.png') }}" class="w-7 h-7"
                                 alt="Cursor Icon">
                         </button>
                         <button onclick="openPythonProjectFolder()"
-                            class="bg-green-500 text-white px-4 py-3 rounded-lg hover:bg-green-600"
+                            class="bg-white text-gray-700 px-4 py-3 rounded-lg border-2 border-gray-300 shadow-sm hover:shadow-md transition-shadow"
                             id="folder-python-btn" style="display: none;" title="Abrir carpeta del proyecto">
-                            📁
+                            <img src="{{ url_for('static', filename='icons/open-folder.png') }}" class="w-7 h-7"
+                                alt="Open Folder Icon">
                         </button>
                         <button onclick="copyPythonProjectPath()"
-                            class="bg-gray-500 text-white px-4 py-3 rounded-lg hover:bg-gray-600"
+                            class="bg-white text-gray-700 px-4 py-3 rounded-lg border-2 border-gray-300 shadow-sm hover:shadow-md transition-shadow"
                             id="copy-path-python-btn" style="display: none;" title="Copiar path del proyecto">
-                            📋
+                            <img src="{{ url_for('static', filename='icons/clipboard.png') }}" class="w-7 h-7"
+                                alt="Clipboard Icon">
                         </button>
                     </div>
                 </div>