diff --git a/client/web/public/android-chrome-192x192.png b/client/web/public/android-chrome-192x192.png
index 3051f056..c32e4823 100644
Binary files a/client/web/public/android-chrome-192x192.png and b/client/web/public/android-chrome-192x192.png differ
diff --git a/client/web/public/android-chrome-384x384.png b/client/web/public/android-chrome-384x384.png
new file mode 100644
index 00000000..00c3113a
Binary files /dev/null and b/client/web/public/android-chrome-384x384.png differ
diff --git a/client/web/public/android-chrome-512x512.png b/client/web/public/android-chrome-512x512.png
deleted file mode 100644
index 9da3ec2d..00000000
Binary files a/client/web/public/android-chrome-512x512.png and /dev/null differ
diff --git a/client/web/public/apple-touch-icon.png b/client/web/public/apple-touch-icon.png
index 00193269..4c2d6b38 100644
Binary files a/client/web/public/apple-touch-icon.png and b/client/web/public/apple-touch-icon.png differ
diff --git a/client/web/public/browserconfig.xml b/client/web/public/browserconfig.xml
index 64e2ba91..530cdc6f 100644
--- a/client/web/public/browserconfig.xml
+++ b/client/web/public/browserconfig.xml
@@ -2,8 +2,8 @@
 <browserconfig>
 	<msapplication>
 		<tile>
-			<square150x150logo src="/mstile-150x150.png" />
-			<TileColor>#ffffff</TileColor>
+			<square150x150logo src="/mstile-150x150.png"/>
+			<TileColor>#f1decd</TileColor>
 		</tile>
 	</msapplication>
 </browserconfig>
diff --git a/client/web/public/favicon-16x16.png b/client/web/public/favicon-16x16.png
index a4feaf37..b71482b3 100644
Binary files a/client/web/public/favicon-16x16.png and b/client/web/public/favicon-16x16.png differ
diff --git a/client/web/public/favicon-32x32.png b/client/web/public/favicon-32x32.png
index 0f771810..e2fc33af 100644
Binary files a/client/web/public/favicon-32x32.png and b/client/web/public/favicon-32x32.png differ
diff --git a/client/web/public/favicon.ico b/client/web/public/favicon.ico
index e064ceb4..594c7f8b 100644
Binary files a/client/web/public/favicon.ico and b/client/web/public/favicon.ico differ
diff --git a/client/web/public/mstile-150x150.png b/client/web/public/mstile-150x150.png
index a04ab38a..9a1e6faf 100644
Binary files a/client/web/public/mstile-150x150.png and b/client/web/public/mstile-150x150.png differ
diff --git a/client/web/public/safari-pinned-tab.svg b/client/web/public/safari-pinned-tab.svg
new file mode 100644
index 00000000..e2e93167
--- /dev/null
+++ b/client/web/public/safari-pinned-tab.svg
@@ -0,0 +1,94 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
+<g>
+	<g id="Background_3_">
+		<g>
+			<path style="fill:#473A3A;" d="M3.72,23.41c-0.84,0.02-1.76-0.28-1.75-0.42c0.01-0.09,0.51-0.24,0.93-0.34
+				c0.42-0.11,1.65-0.38,2.59-0.49c0.94-0.11,3.09-0.28,6.44-0.37c1.31-0.03,2.78-0.04,2.78-0.04c0.94,0,1.6,0,2.93,0.03
+				c1.1,0.02,1.66,0.04,1.87,0.06c1.11,0.13,1.9,0.55,2.53,0.72c0.63,0.17,0.93,0.24,0.93,0.24c-0.28,0.23-1.44,0.58-2.28,0.76
+				c-0.84,0.18-1.68,0.3-2.52,0.38c-0.84,0.08-1.68,0.08-2.52,0.01c-0.84-0.07-1.69-0.17-2.53-0.21l-2.53-0.14
+				C7.89,23.53,4.56,23.39,3.72,23.41z"/>
+		</g>
+		<g>
+			<path style="fill:#473A3A;" d="M21.98,8.79L17.48,1c-0.36-0.62-1.02-1-1.73-1h-9C6.04,0,5.38,0.38,5.02,1l-4.5,7.79
+				c-0.36,0.62-0.36,1.38,0,2l4.5,7.79c0.36,0.62,1.02,1,1.73,1h9c0.71,0,1.37-0.38,1.73-1l4.5-7.79
+				C22.34,10.18,22.34,9.41,21.98,8.79z"/>
+		</g>
+	</g>
+	<g id="Inner_Region">
+		<g>
+			<path style="fill:#F1DECD;" d="M16,2.43C15.86,2.19,15.52,2,15.25,2l-8,0C6.97,2,6.64,2.19,6.5,2.43l-4,6.93
+				c-0.14,0.24-0.14,0.63,0,0.87l4,6.93c0.14,0.24,0.48,0.43,0.75,0.43l8,0c0.28,0,0.61-0.19,0.75-0.43l4-6.93
+				c0.14-0.24,0.14-0.63,0-0.87L16,2.43z"/>
+		</g>
+		<line style="fill:none;stroke:#473A3A;stroke-linecap:round;stroke-miterlimit:10;" x1="4.48" y1="9.66" x2="7.98" y2="15.72"/>
+	</g>
+	<g id="Pencil">
+		<g>
+			<defs>
+				<path id="SVGID_1_" d="M20.88,10.27l-4.4,7.62c-0.15,0.26-0.52,0.48-0.82,0.48h-8.8c-0.3,0-0.67-0.21-0.83-0.48l-4.4-7.62
+					c-0.15-0.26-0.15-0.69,0-0.95l4.4-7.62c0.15-0.26,0.52-0.48,0.83-0.48h8.8c0.3,0,0.67,0.21,0.82,0.48l4.4,7.62
+					C21.03,9.58,21.03,10.01,20.88,10.27z"/>
+			</defs>
+			<clipPath id="SVGID_2_">
+				<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+			</clipPath>
+			<g style="clip-path:url(#SVGID_2_);">
+				<polygon style="fill:#3EA8FF;" points="21.12,9.29 17.75,3.47 14.39,-2.36 5.27,2.91 8.64,8.73 12,14.56 				"/>
+				<polygon style="fill:#2180CE;" points="16.56,11.93 13.19,6.1 9.83,0.27 5.27,2.91 8.64,8.73 12,14.56 				"/>
+				<polygon style="display:none;opacity:0.25;fill:#FFFFFF;" points="21.12,9.29 17.75,3.47 14.39,-2.36 11.81,-0.87 15.17,4.96 
+					18.54,10.78 				"/>
+			</g>
+		</g>
+		<line style="fill:none;stroke:#473A3A;stroke-width:2;stroke-miterlimit:10;" x1="5.15" y1="2.7" x2="12" y2="14.56"/>
+		<g>
+			<polyline style="fill:#EFB56F;" points="12,14.56 22.37,22 21.12,9.29 			"/>
+			<polygon style="fill:#E28E33;" points="12,14.56 21.17,19.92 16.56,11.93 			"/>
+			
+				<polyline style="fill:none;stroke:#473A3A;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;" points="
+				12,14.56 22.37,22 21.12,9.29 			"/>
+			<path style="fill:#473A3A;" d="M18.8,18.63L22.37,22l-1.13-4.78c0,0-0.79-0.23-1.52,0.19C18.99,17.83,18.8,18.63,18.8,18.63z"/>
+		</g>
+		<g>
+			<path style="fill-rule:evenodd;clip-rule:evenodd;fill:#473A3A;" d="M15.08,13.93l1.48-2.01l2.48-0.28c0,0,0.93-1.69,2.08-2.36
+				l-1-1.73c-1.15,0.67-2.08,2.36-2.08,2.36l-2.48,0.28l-1.48,2.01c0,0-1.93-0.04-3.08,0.62l1,1.73
+				C13.15,13.89,15.08,13.93,15.08,13.93z"/>
+		</g>
+		
+			<line style="fill:none;stroke:#473A3A;stroke-width:2;stroke-linejoin:round;stroke-miterlimit:10;" x1="21.12" y1="9.29" x2="16.62" y2="1.5"/>
+		<g>
+			<path style="fill:#473A3A;" d="M22.24,9.64c-0.02-0.29-0.11-0.59-0.26-0.85l-0.4,0.5L22.84,22c0,0,0.56,0.29,0.53-0.1
+				C23.37,21.9,22.25,9.69,22.24,9.64z"/>
+		</g>
+	</g>
+	<g id="Top_Shading">
+		<g id="Pencil_Top_Shading">
+			<defs>
+				<path id="SVGID_3_" d="M20.88,10.27c0.15-0.26,0.15-0.69,0-0.95l-4.4-7.62c-0.15-0.26-0.52-0.48-0.83-0.48h-8.8
+					c-0.3,0-0.67,0.21-0.83,0.48l-4.4,7.62c-0.15,0.26-0.15,0.69,0,0.95l4.4,7.62c0.15,0.26,0.52,0.48,0.83,0.48h8.8
+					c0.3,0,0.67-0.21,0.83-0.48L20.88,10.27z"/>
+			</defs>
+			<clipPath id="SVGID_4_">
+				<use xlink:href="#SVGID_3_"  style="overflow:visible;"/>
+			</clipPath>
+			<g style="opacity:0.25;clip-path:url(#SVGID_4_);">
+				<g>
+					
+						<image style="overflow:visible;" width="19.22" height="9.91" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsSAAALEgHS3X78AAAA
+GXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKJJREFUeNpiYEAFDkD8nwLcwIRm
+YD8DhQDZwAIgNqDUQEYoLQDE96E0CPwF4kNQC/8jqYV57R8OeikLVHE9kmEgcAWIJwPxGyQDkcOK
+EYsYyNCnIEEFNInvoMAFYg0g5sCC2dEwGxJmBhm4H83AvUDsDsR85IajAzT8QIa9hkaOIsw2UgFI
+0wMgngjlPwbirUB8F4h/MVABsEIjh5FcAwACDABGnjt8y2PIxQAAAABJRU5ErkJggg==" transform="matrix(1 0 0 1 1.0297 -1)"/>
+				</g>
+			</g>
+		</g>
+		<polygon style="fill:#F1DECD;" points="11.13,15.06 4.29,3.2 3.19,7.41 		"/>
+		<g>
+			<path style="fill:#473A3A;" d="M3.21,8.12L6.75,2h9l3.54,6.13h2.31L17.48,1c-0.36-0.62-1.02-1-1.73-1h-9C6.04,0,5.38,0.38,5.02,1
+				L0.9,8.12H3.21z"/>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/client/web/public/site.webmanifest b/client/web/public/site.webmanifest
index edb74ee9..7b11cb7b 100644
--- a/client/web/public/site.webmanifest
+++ b/client/web/public/site.webmanifest
@@ -8,12 +8,12 @@
 			"type": "image/png"
 		},
 		{
-			"src": "/android-chrome-512x512.png",
-			"sizes": "512x512",
+			"src": "/android-chrome-384x384.png",
+			"sizes": "384x384",
 			"type": "image/png"
 		}
 	],
-	"theme_color": "#ffffff",
-	"background_color": "#ffffff",
+	"theme_color": "#f1decd",
+	"background_color": "#f1decd",
 	"display": "standalone"
-}
\ No newline at end of file
+}