diff --git a/apps/civicsignalblog/src/pages/_document.page.js b/apps/civicsignalblog/src/pages/_document.page.js
index 12951988f..c696819af 100644
--- a/apps/civicsignalblog/src/pages/_document.page.js
+++ b/apps/civicsignalblog/src/pages/_document.page.js
@@ -2,6 +2,7 @@ import createEmotionServer from "@emotion/server/create-instance";
 import Document, { Html, Head, Main, NextScript } from "next/document";
 import React from "react";
 
+import theme from "@/civicsignalblog/theme";
 import createEmotionCache from "@/civicsignalblog/utils/createEmotionCache";
 
 class MyDocument extends Document {
@@ -44,7 +45,7 @@ class MyDocument extends Document {
           <link rel="manifest" href="/site.webmanifest" />
           <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#1020e1" />
           <meta name="msapplication-TileColor" content="#2b5797" />
-          <meta name="theme-color" content="#ffffff" />
+          <meta name="theme-color" content={theme.palette.primary.main} />
           <meta name="emotion-insertion-point" content="" />
           {this.props.emotionStyleTags}
         </Head>
diff --git a/apps/roboshield/package.json b/apps/roboshield/package.json
index 14f27857c..891264367 100644
--- a/apps/roboshield/package.json
+++ b/apps/roboshield/package.json
@@ -1,6 +1,6 @@
 {
   "name": "roboshield",
-  "version": "0.1.12",
+  "version": "0.1.13",
   "private": true,
   "scripts": {
     "build-server": "tsc --project tsconfig.server.json",
diff --git a/apps/roboshield/public/android-chrome-192x192.png b/apps/roboshield/public/android-chrome-192x192.png
new file mode 100644
index 000000000..b6b1c195a
Binary files /dev/null and b/apps/roboshield/public/android-chrome-192x192.png differ
diff --git a/apps/roboshield/public/android-chrome-512x512.png b/apps/roboshield/public/android-chrome-512x512.png
new file mode 100644
index 000000000..994c5f68a
Binary files /dev/null and b/apps/roboshield/public/android-chrome-512x512.png differ
diff --git a/apps/roboshield/public/apple-touch-icon.png b/apps/roboshield/public/apple-touch-icon.png
new file mode 100644
index 000000000..bc086d518
Binary files /dev/null and b/apps/roboshield/public/apple-touch-icon.png differ
diff --git a/apps/roboshield/public/browserconfig.xml b/apps/roboshield/public/browserconfig.xml
new file mode 100644
index 000000000..f9c2e67fe
--- /dev/null
+++ b/apps/roboshield/public/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#2b5797</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/apps/roboshield/public/favicon-16x16.png b/apps/roboshield/public/favicon-16x16.png
new file mode 100644
index 000000000..aeecce01f
Binary files /dev/null and b/apps/roboshield/public/favicon-16x16.png differ
diff --git a/apps/roboshield/public/favicon-32x32.png b/apps/roboshield/public/favicon-32x32.png
new file mode 100644
index 000000000..3dd2a39a8
Binary files /dev/null and b/apps/roboshield/public/favicon-32x32.png differ
diff --git a/apps/roboshield/public/mstile-150x150.png b/apps/roboshield/public/mstile-150x150.png
new file mode 100644
index 000000000..f47cd2c07
Binary files /dev/null and b/apps/roboshield/public/mstile-150x150.png differ
diff --git a/apps/roboshield/public/safari-pinned-tab.svg b/apps/roboshield/public/safari-pinned-tab.svg
new file mode 100644
index 000000000..dcae051b6
--- /dev/null
+++ b/apps/roboshield/public/safari-pinned-tab.svg
@@ -0,0 +1,46 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="1097.000000pt" height="1097.000000pt" viewBox="0 0 1097.000000 1097.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,1097.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M1439 10958 c-1 -18 -1 -1119 0 -1140 1 -17 144 -18 2859 -18 l2857
+0 0 -155 0 -155 -3212 0 c-1767 0 -3213 -3 -3214 -7 -5 -47 -2 -1048 3 -1056
+5 -9 456 -12 1798 -13 l1790 0 -2 190 -3 191 -1512 0 c-1004 0 -1513 3 -1514
+10 -4 30 -5 282 -2 291 3 9 811 12 3176 12 1745 1 3188 1 3207 1 l36 1 0 534
+c0 472 -2 535 -16 538 -8 2 -1294 3 -2857 3 l-2843 -1 0 178 c0 178 0 178 23
+179 12 0 610 0 1328 1 l1306 0 1 214 0 214 -1604 0 c-1276 0 -1604 -3 -1605
+-12z"/>
+<path d="M4689 8790 c-1 -3 -2 -87 -3 -187 -1 -117 2 -184 9 -186 5 -2 799 -3
+1763 -3 965 1 1757 -1 1761 -4 3 -3 6 -74 6 -157 l1 -153 -26 -1 c-14 0 -1783
+0 -3932 0 l-3908 -1 0 -536 0 -537 4840 1 4840 0 0 -153 0 -153 -3572 -2
+-3572 -3 0 -538 -1 -537 30 -1 c33 -1 3681 0 3733 0 l32 1 0 188 0 188 -1615
+0 c-1070 -1 -1615 2 -1616 9 -3 25 -5 291 -2 300 2 7 1200 10 3573 10 l3570 0
+-2 535 -3 535 -4832 0 c-2657 0 -4834 3 -4838 7 -9 9 -10 287 -1 296 4 4 1775
+7 3934 7 l3927 0 0 533 c0 347 -3 536 -10 540 -12 8 -4084 9 -4086 2z"/>
+<path d="M7059 6005 c0 -5 -2 -90 -2 -188 -2 -150 0 -178 13 -181 8 -2 521 -4
+1140 -4 619 0 1133 -1 1143 -1 15 -1 17 -15 17 -154 l0 -153 -2410 1 -2410 0
+0 -535 0 -536 1786 1 c1070 0 1788 -4 1792 -9 4 -8 6 -179 3 -278 l-1 -28
+-1597 -2 -1598 -3 0 -538 c0 -348 4 -541 10 -546 6 -5 237 -8 515 -7 l504 1 1
+193 0 192 -25 1 c-14 0 -119 1 -235 2 l-210 2 -1 150 c0 83 1 155 3 160 2 7
+543 10 1598 9 l1595 0 0 538 0 538 -1790 0 -1790 0 -1 40 c0 22 0 69 0 105 0
+36 0 88 0 115 l1 50 2410 0 2410 0 0 535 c0 294 -3 536 -7 536 -5 1 -650 2
+-1435 3 -947 1 -1428 -2 -1429 -9z"/>
+<path d="M9690 3546 l0 -214 125 0 c68 0 128 -3 132 -5 5 -3 8 -67 7 -144 l0
+-138 -310 -3 -309 -2 2 -573 c0 -314 2 -577 2 -583 1 -8 99 -11 346 -11 190 0
+345 3 346 6 3 19 4 408 1 418 -2 8 -34 12 -100 11 -53 0 -103 0 -109 1 -10 1
+-13 38 -13 149 l0 147 308 0 307 0 2 578 2 577 -370 0 -369 0 0 -214z"/>
+<path d="M6363 3232 l-33 -3 -1 -85 c0 -46 -1 -100 -1 -119 0 -19 1 -68 1
+-108 l1 -73 990 0 990 1 0 -157 c0 -144 -2 -158 -17 -159 -10 0 -838 -1 -1840
+-1 l-1823 -1 0 -542 0 -542 1323 0 1322 0 3 -151 3 -152 -848 -2 -847 -3 -1
+-555 c-1 -305 1 -561 3 -567 3 -10 151 -13 693 -13 l689 0 0 215 c0 165 -3
+215 -12 216 -7 0 -192 1 -410 1 -284 1 -398 4 -399 12 -1 6 -2 80 -3 163 -1
+131 1 153 14 154 8 0 389 1 847 1 l831 1 -1 536 -2 536 -1322 0 -1323 0 0 157
+0 158 1840 0 1840 0 1 28 c3 150 -1 1045 -5 1049 -6 6 -2446 10 -2503 5z"/>
+</g>
+</svg>
diff --git a/apps/roboshield/public/site.webmanifest b/apps/roboshield/public/site.webmanifest
new file mode 100644
index 000000000..edc29a197
--- /dev/null
+++ b/apps/roboshield/public/site.webmanifest
@@ -0,0 +1,19 @@
+{
+  "name": "TrustLab's RoboShield",
+  "short_name": "RoboShield",
+  "icons": [
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#1020E1",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}
diff --git a/apps/roboshield/src/pages/_document.tsx b/apps/roboshield/src/pages/_document.tsx
index 6bb40277d..a30ef2f18 100644
--- a/apps/roboshield/src/pages/_document.tsx
+++ b/apps/roboshield/src/pages/_document.tsx
@@ -1,17 +1,18 @@
-import * as React from "react";
-import {
-  Html,
-  Head,
-  Main,
-  NextScript,
-  DocumentProps,
-  DocumentContext,
-} from "next/document";
 import {
   DocumentHeadTags,
   DocumentHeadTagsProps,
   documentGetInitialProps,
 } from "@mui/material-nextjs/v14-pagesRouter";
+import {
+  DocumentContext,
+  DocumentProps,
+  Head,
+  Html,
+  Main,
+  NextScript,
+} from "next/document";
+
+import theme from "@/roboshield/theme";
 
 export default function MyDocument(
   props: DocumentProps & DocumentHeadTagsProps,
@@ -19,6 +20,27 @@ export default function MyDocument(
   return (
     <Html lang="en">
       <Head>
+        <link
+          rel="apple-touch-icon"
+          sizes="180x180"
+          href="/apple-touch-icon.png"
+        />
+        <link
+          rel="icon"
+          type="image/png"
+          sizes="32x32"
+          href="/favicon-32x32.png"
+        />
+        <link
+          rel="icon"
+          type="image/png"
+          sizes="16x16"
+          href="/favicon-16x16.png"
+        />
+        <link rel="manifest" href="/site.webmanifest" />
+        <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#1020e1" />
+        <meta name="msapplication-TileColor" content="#2b5797" />
+        <meta name="theme-color" content={theme.palette.primary.main} />
         <link rel="shortcut icon" href="/favicon.ico" />
         <meta name="emotion-insertion-point" content="" />
         <DocumentHeadTags {...props} />