aws-solutions-library-samples
diff --git a/‎src/ui/public/apple-touch-icon.png‎
570 Bytes b/‎src/ui/public/apple-touch-icon.png‎
570 Bytes
diff --git a/‎src/ui/public/browserconfig.xml‎
Lines changed: 9 additions & 0 deletions b/‎src/ui/public/browserconfig.xml‎
Lines changed: 9 additions & 0 deletions
diff --git a/‎src/ui/public/favicon-16x16.png‎
126 Bytes b/‎src/ui/public/favicon-16x16.png‎
126 Bytes
diff --git a/‎src/ui/public/favicon-32x32.png‎
163 Bytes b/‎src/ui/public/favicon-32x32.png‎
163 Bytes
diff --git a/‎src/ui/public/favicon-64x64.png‎
228 Bytes b/‎src/ui/public/favicon-64x64.png‎
228 Bytes
diff --git a/‎src/ui/public/favicon.ico‎
243 Bytes b/‎src/ui/public/favicon.ico‎
243 Bytes
diff --git a/‎src/ui/public/index.html‎
Lines changed: 12 additions & 4 deletions b/‎src/ui/public/index.html‎
Lines changed: 12 additions & 4 deletions
diff --git a/‎src/ui/public/logo192.png‎
418 Bytes b/‎src/ui/public/logo192.png‎
418 Bytes
diff --git a/‎src/ui/public/logo512.png‎
1.5 KB b/‎src/ui/public/logo512.png‎
1.5 KB
diff --git a/‎src/ui/src/App.css‎
Lines changed: 4 additions & 4 deletions b/‎src/ui/src/App.css‎
Lines changed: 4 additions & 4 deletions
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/logo192.png"/>
+            <TileColor>#0066cc</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
@@ -6,16 +6,24 @@
 
 <head>
   <meta charset="utf-8" />
-  <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+  <!-- Comprehensive favicon setup for all browsers -->
+  <link rel="icon" type="image/x-icon" href="/favicon.ico?v=5" />
+  <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico?v=5" />
+  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=5" />
+  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=5" />
+  <link rel="icon" type="image/png" sizes="192x192" href="/logo192.png?v=5" />
+  <link rel="icon" type="image/png" sizes="512x512" href="/logo512.png?v=5" />
+  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=5" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <meta name="theme-color" content="#000000" />
+  <meta name="theme-color" content="#0066cc" />
   <meta name="description" content="GenAI Intelligent Document Processing" />
-  <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+  <meta name="msapplication-TileColor" content="#0066cc" />
+  <meta name="msapplication-config" content="/browserconfig.xml" />
   <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
-  <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+  <link rel="manifest" href="/manifest.json" />
   <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
 
@@ -2,10 +2,10 @@
     SPDX-License-Identifier: Apache-2.0 */
 
 :root {
-    --amplify-primary-color: #ababab;
-    --amplify-primary-tint: #3f6060;
-    --amplify-primary-shade: #2dba89;
-    --amplify-background-color: #fafafa;
+    --amplify-primary-color: #0073bb;
+    --amplify-primary-tint: #005a9f;
+    --amplify-primary-shade: #4da6d9;
+    --amplify-background-color: #f8f9fa;
     --amplify-text-xxs: 0.75rem;
     --amplify-text-xs: 0.81rem;
     --amplify-text-sm: 1.2rem;