From e7e21b6f65a796d4a02692633842024510602dde Mon Sep 17 00:00:00 2001
From: Christopher Serr <christopher.serr@gmail.com>
Date: Sun, 9 Jun 2024 17:18:37 +0200
Subject: [PATCH] Make the PWA Icon maskable

Even though we added the margin, some Android devices still need it to
be maskable to properly understand the margin.
---
 src/assets/maskable.svg | 1 +
 webpack.config.js       | 5 +----
 2 files changed, 2 insertions(+), 4 deletions(-)
 create mode 100644 src/assets/maskable.svg

diff --git a/src/assets/maskable.svg b/src/assets/maskable.svg
new file mode 100644
index 000000000..340ee4a5e
--- /dev/null
+++ b/src/assets/maskable.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg viewBox="0 0 1350 1350" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="r" gradientTransform="rotate(90)"><stop stop-color="#D73F4A"/><stop offset="1" stop-color="#C22B36"/></linearGradient><linearGradient id="g" gradientTransform="rotate(90)"><stop stop-color="#3FCD46"/><stop offset="1" stop-color="#27BB2E"/></linearGradient><linearGradient id="b" gradientTransform="rotate(90)"><stop stop-color="#3F5CD7"/><stop offset="1" stop-color="#2B48C2"/></linearGradient><filter id="s"><feOffset dy="10"/><feGaussianBlur result="b" stdDeviation="20"/><feFlood flood-opacity=".8"/><feComposite in2="b" operator="in"/><feComposite in="SourceGraphic"/></filter><path id="t" d="M495.733,320.5C570.427,191.125 779.573,191.125 854.267,320.5L1093.29,734.5C1167.985,863.875 1063.412,1045 914.023,1045L435.977,1045C286.588,1045 182.015,863.875 256.71,734.5Z"/></defs><path fill="#171717" d="M0 0h1350v1350H0z"/><use href="#t" fill="#404040"/><path d="M961.297,505.88L795.208,339.792L554.792,580.208L795.208,820.624L767.674,880.104L587.362,699.792L346.946,940.208L451.738,1045L914.023,1045C1063.412,1045 1167.985,863.875 1093.29,734.5Z" fill-opacity=".125"/><circle cx="675" cy="460" r="170" fill="url(#r)"/><circle cx="882.846" cy="820" r="170" fill="url(#g)"/><circle cx="467.154" cy="820" r="170" fill="url(#b)"/><use href="#t" fill="none" stroke="#FFF" stroke-width="40" filter="url(#s)"/></svg>
\ No newline at end of file
diff --git a/webpack.config.js b/webpack.config.js
index ea0ba08aa..1c0db5147 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -111,6 +111,7 @@ export default async (env, argv) => {
             new FaviconsWebpackPlugin({
                 logo: path.resolve("src/assets/icon.svg"),
                 inject: true,
+                logoMaskable: path.resolve("src/assets/maskable.svg"),
                 favicons: {
                     appName: "LiveSplit One",
                     appDescription: "A version of LiveSplit that works on a lot of platforms.",
@@ -126,10 +127,6 @@ export default async (env, argv) => {
                         appleStartup: {
                             offset: 15,
                         },
-                        android: {
-                            background: true,
-                            offset: 10,
-                        },
                         windows: false,
                         coast: false,
                         yandex: false,