diff --git a/assets/favicon.png b/assets/favicon.png
index f7bc0bc..f8aa41b 100644
Binary files a/assets/favicon.png and b/assets/favicon.png differ
diff --git a/assets/icon.png b/assets/icon.png
index a87dedf..7f88b63 100644
Binary files a/assets/icon.png and b/assets/icon.png differ
diff --git a/assets/icon@2x.png b/assets/icon@2x.png
index 7a87141..51359f3 100644
Binary files a/assets/icon@2x.png and b/assets/icon@2x.png differ
diff --git a/assets/icons/1024x1024.png b/assets/icons/1024x1024.png
index 7a87141..51359f3 100644
Binary files a/assets/icons/1024x1024.png and b/assets/icons/1024x1024.png differ
diff --git a/assets/icons/128x128.png b/assets/icons/128x128.png
index b33d9b6..e567e79 100644
Binary files a/assets/icons/128x128.png and b/assets/icons/128x128.png differ
diff --git a/assets/icons/16x16.png b/assets/icons/16x16.png
index 6ad7303..645f129 100644
Binary files a/assets/icons/16x16.png and b/assets/icons/16x16.png differ
diff --git a/assets/icons/24x24.png b/assets/icons/24x24.png
index 70a61f0..319bfdc 100644
Binary files a/assets/icons/24x24.png and b/assets/icons/24x24.png differ
diff --git a/assets/icons/256x256.png b/assets/icons/256x256.png
index b9b10b9..8905c1b 100644
Binary files a/assets/icons/256x256.png and b/assets/icons/256x256.png differ
diff --git a/assets/icons/32x32.png b/assets/icons/32x32.png
index f7bc0bc..f8aa41b 100644
Binary files a/assets/icons/32x32.png and b/assets/icons/32x32.png differ
diff --git a/assets/icons/48x48.png b/assets/icons/48x48.png
index df2f49c..21adafc 100644
Binary files a/assets/icons/48x48.png and b/assets/icons/48x48.png differ
diff --git a/assets/icons/512x512.png b/assets/icons/512x512.png
index a87dedf..7f88b63 100644
Binary files a/assets/icons/512x512.png and b/assets/icons/512x512.png differ
diff --git a/assets/icons/64x64.png b/assets/icons/64x64.png
index 7291f26..fee89b8 100644
Binary files a/assets/icons/64x64.png and b/assets/icons/64x64.png differ
diff --git a/assets/tray-icon.png b/assets/tray-icon.png
index 70a61f0..319bfdc 100644
Binary files a/assets/tray-icon.png and b/assets/tray-icon.png differ
diff --git a/scripts/generate-icons.js b/scripts/generate-icons.js
index fd3d7c1..2196f47 100644
--- a/scripts/generate-icons.js
+++ b/scripts/generate-icons.js
@@ -8,14 +8,14 @@ const fs = require('fs');
 const path = require('path');
 
 // Source image
-const sourceImage = path.join(__dirname, '..', 'assets', 'NewIcon.jpg');
+const sourceImage = path.join(__dirname, '..', 'assets', 'docico1.png');
 const assetsDir = path.join(__dirname, '..', 'assets');
 
 // Icon sizes needed for different platforms
 const iconSizes = [16, 24, 32, 48, 64, 128, 256, 512, 1024];
 
 async function generateIcons() {
-  console.log('Generating icons from NewIcon.jpg...');
+  console.log('Generating icons from docico1.png...');
 
   // Check if source exists
   if (!fs.existsSync(sourceImage)) {
diff --git a/src/index.html b/src/index.html
index 7fa1327..2dd059c 100644
--- a/src/index.html
+++ b/src/index.html
@@ -4,23 +4,19 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>MarkdownConverter</title>
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="styles.css">
     <link rel="stylesheet" href="styles-modern.css">
     <link rel="stylesheet" href="styles-concreteinfo.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/codemirror.min.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css">
-    <!-- Mermaid.js for diagram rendering -->
-    <script src="https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.min.js"></script>
+    <!-- Load external resources asynchronously -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css" media="print" onload="this.media='all'">
+    <script defer src="https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.min.js"></script>
 </head>
 <body>
     <div class="container">
         <!-- App Header with ConcreteInfo Logo -->
         <div class="app-header" id="app-header">
             <div class="app-header-left">
-                <img src="../assets/docico1.png" alt="MarkdownConverter" class="app-logo" id="app-logo">
+                <img src="../assets/logo.png" alt="MarkdownConverter" class="app-logo" id="app-logo">
                 <span class="app-title">MarkdownConverter</span>
             </div>
             <div class="app-header-right">