diff --git a/package-lock.json b/package-lock.json
index 656bfa0f7..4dfc3723d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -27,6 +27,7 @@
         "electron-localshortcut": "^3.2.1",
         "electron-store": "^8.1.0",
         "electron-updater": "5.3.0",
+        "fast-average-color": "^9.1.1",
         "format-duration": "^2.0.0",
         "framer-motion": "^7.6.19",
         "immer": "^9.0.16",
@@ -2565,6 +2566,11 @@
       "integrity": "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==",
       "dev": true
     },
+    "node_modules/@types/offscreencanvas": {
+      "version": "2019.7.0",
+      "resolved": "https://registry.npmjs.org/@types/offscreencanvas/-/offscreencanvas-2019.7.0.tgz",
+      "integrity": "sha512-PGcyveRIpL1XIqK8eBsmRBt76eFgtzuPiSTyKHZxnGemp2yzGzWpjYKAfK3wIMiU7eH+851yEpiuP8JZerTmWg=="
+    },
     "node_modules/@types/parse-json": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
@@ -7804,6 +7810,17 @@
       ],
       "optional": true
     },
+    "node_modules/fast-average-color": {
+      "version": "9.1.1",
+      "resolved": "https://registry.npmjs.org/fast-average-color/-/fast-average-color-9.1.1.tgz",
+      "integrity": "sha512-PJizLBcGb/jqUzrH66385te4+GcOK7wcUiCDvBUszdpzc/pvV1kwifvvsFygV3mS+7qwnWmK9/BrZniaOOC9ag==",
+      "dependencies": {
+        "@types/offscreencanvas": "^2019.7.0"
+      },
+      "engines": {
+        "node": ">= 12"
+      }
+    },
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -19368,6 +19385,11 @@
       "integrity": "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==",
       "dev": true
     },
+    "@types/offscreencanvas": {
+      "version": "2019.7.0",
+      "resolved": "https://registry.npmjs.org/@types/offscreencanvas/-/offscreencanvas-2019.7.0.tgz",
+      "integrity": "sha512-PGcyveRIpL1XIqK8eBsmRBt76eFgtzuPiSTyKHZxnGemp2yzGzWpjYKAfK3wIMiU7eH+851yEpiuP8JZerTmWg=="
+    },
     "@types/parse-json": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
@@ -23216,6 +23238,14 @@
       "dev": true,
       "optional": true
     },
+    "fast-average-color": {
+      "version": "9.1.1",
+      "resolved": "https://registry.npmjs.org/fast-average-color/-/fast-average-color-9.1.1.tgz",
+      "integrity": "sha512-PJizLBcGb/jqUzrH66385te4+GcOK7wcUiCDvBUszdpzc/pvV1kwifvvsFygV3mS+7qwnWmK9/BrZniaOOC9ag==",
+      "requires": {
+        "@types/offscreencanvas": "^2019.7.0"
+      }
+    },
     "fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
diff --git a/package.json b/package.json
index c32e7dc2a..fb23d4038 100644
--- a/package.json
+++ b/package.json
@@ -96,6 +96,7 @@
     "electron-localshortcut": "^3.2.1",
     "electron-store": "^8.1.0",
     "electron-updater": "5.3.0",
+    "fast-average-color": "^9.1.1",
     "format-duration": "^2.0.0",
     "framer-motion": "^7.6.19",
     "immer": "^9.0.16",