diff --git a/public/favicon.svg b/public/favicon.svg
index 6e4d87f..a674974 100644
--- a/public/favicon.svg
+++ b/public/favicon.svg
@@ -37,7 +37,7 @@
      inkscape:window-x="0"
      inkscape:window-y="0"
      inkscape:window-maximized="1"
-     inkscape:current-layer="layer1">
+     inkscape:current-layer="g8">
     <sodipodi:guide
        position="589.90075,853.08747"
        orientation="0,-1"
@@ -62,16 +62,40 @@
   <defs
      id="defs1">
     <linearGradient
-       id="linearGradient1"
+       id="linearGradient6"
        inkscape:collect="always">
       <stop
-         style="stop-color:#265456;stop-opacity:1;"
+         style="stop-color:#f6339a;stop-opacity:1;"
          offset="0"
-         id="stop1" />
+         id="stop6" />
       <stop
-         style="stop-color:#2d9797;stop-opacity:1;"
+         style="stop-color:#fbb8da;stop-opacity:1;"
          offset="1"
+         id="stop7" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#f6339a;stop-opacity:1;"
+         offset="0"
+         id="stop4" />
+      <stop
+         style="stop-color:#f980c1;stop-opacity:1;"
+         offset="1"
+         id="stop5" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient2"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#f6339a;stop-opacity:1;"
+         offset="0"
          id="stop2" />
+      <stop
+         style="stop-color:#b50865;stop-opacity:1;"
+         offset="1"
+         id="stop3" />
     </linearGradient>
     <inkscape:path-effect
        effect="powerstroke"
@@ -123,12 +147,30 @@
        id="path-effect12" />
     <linearGradient
        inkscape:collect="always"
-       xlink:href="#linearGradient1"
-       id="linearGradient2"
-       x1="58.521976"
-       y1="58.698277"
-       x2="499.99988"
-       y2="941.49994"
+       xlink:href="#linearGradient2"
+       id="linearGradient3"
+       x1="1041.2262"
+       y1="632.08805"
+       x2="1442.487"
+       y2="632.08805"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4"
+       id="linearGradient5"
+       x1="1101.341"
+       y1="667.2053"
+       x2="1551.9333"
+       y2="667.2053"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6"
+       id="linearGradient7"
+       x1="1134.9333"
+       y1="723.06877"
+       x2="1663.9464"
+       y2="723.06877"
        gradientUnits="userSpaceOnUse" />
   </defs>
   <g
@@ -151,7 +193,7 @@
      style="display:inline"
      transform="matrix(1.1325595,0,0,1.1327573,-66.279622,-66.490901)">
     <rect
-       style="display:inline;fill:url(#linearGradient2);stroke-width:0;fill-opacity:1"
+       style="display:inline;fill:#265456;stroke-width:0;fill-opacity:1"
        id="rect1"
        width="882.95581"
        height="882.80164"
@@ -162,15 +204,15 @@
        transform="matrix(1.1865263,0,0,1.1865263,-1104.8793,-252.73734)">
       <path
          id="path6"
-         style="fill:#f6339a;fill-opacity:1;stroke:#000000;stroke-width:18.8976;stroke-dasharray:none"
+         style="fill:url(#linearGradient7);fill-opacity:1;stroke:#000000;stroke-width:18.8976;stroke-dasharray:none"
          d="m 1648.0038,474.50485 a 427.74921,428.82428 45 0 0 -377.7925,119.33394 427.74921,428.82428 45 0 0 -119.3354,377.7939 427.74921,428.82428 45 0 0 377.7939,-119.33534 427.74921,428.82428 45 0 0 119.334,-377.7925 z" />
       <path
          id="path7"
-         style="fill:#f6339a;fill-opacity:1;stroke:#000000;stroke-width:18.8976;stroke-dasharray:none"
+         style="fill:url(#linearGradient5);fill-opacity:1;stroke:#000000;stroke-width:18.8976;stroke-dasharray:none"
          d="m 1502.3984,362.77791 a 427.74921,428.82428 30 0 0 -334.0336,213.04762 427.74921,428.82428 30 0 0 -17.4889,395.80716 427.74921,428.82428 30 0 0 334.0346,-213.04934 427.74921,428.82428 30 0 0 17.4879,-395.80544 z" />
       <path
          id="path8"
-         style="fill:#f6339a;fill-opacity:1;stroke:#000000;stroke-width:18.8976;stroke-dasharray:none"
+         style="fill:url(#linearGradient3);fill-opacity:1;stroke:#000000;stroke-width:18.8976;stroke-dasharray:none"
          d="m 1332.8374,292.54341 a 427.74921,428.82428 15 0 0 -267.5109,292.24246 427.74921,428.82428 15 0 0 85.5494,386.84682 427.74921,428.82428 15 0 0 267.5114,-292.24438 427.74921,428.82428 15 0 0 -85.5499,-386.8449 z" />
     </g>
   </g>
diff --git a/pwa-assets.config.ts b/pwa-assets.config.ts
index 9449fa0..27dd6d0 100644
--- a/pwa-assets.config.ts
+++ b/pwa-assets.config.ts
@@ -6,7 +6,7 @@ export default defineConfig({
     minimal2023Preset,
     {
       resizeOptions: {
-        background: "#fdf2f8",
+        background: "#265456",
       },
     },
   ),
diff --git a/vite.config.ts b/vite.config.ts
index fcc8045..0cd6d7a 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -44,7 +44,7 @@ export default defineConfig(({ mode }) => ({
         short_name: "later",
         description: "A Notes app that helps you keep track at notes for later",
         theme_color: "#f6339a",
-        background_color: "#fdf2f8",
+        background_color: "#265456",
       },
 
       pwaAssets: {