diff --git a/package.json b/package.json
index 3df3fd4e18..f105681bc0 100644
--- a/package.json
+++ b/package.json
@@ -18,7 +18,6 @@
"react-error-overlay": "6.0.9"
},
"dependencies": {
- "@types/ws": "^8.5.5",
"@vitalets/google-translate-api": "^8.0.0",
"adm-zip": "^0.5.2",
"axios": "^0.19.2",
@@ -28,6 +27,7 @@
"electron-is-dev": "^1.1.0",
"electron-store": "^8.0.1",
"epub-cfi-resolver": "^1.0.2",
+ "fast-average-color": "^9.4.0",
"font-list": "^1.4.5",
"fs-extra": "^9.1.0",
"howler": "^2.2.3",
@@ -49,6 +49,7 @@
"@types/react-redux": "^7.1.7",
"@types/react-router-dom": "^5.1.6",
"@types/spark-md5": "^3.0.2",
+ "@types/ws": "^8.5.5",
"classnames": "^2.2.6",
"concurrently": "^5.0.1",
"cross-env": "^6.0.3",
diff --git a/public/assets/styles/dark.css b/public/assets/styles/dark.css
index 2e80068356..6886ef4553 100644
--- a/public/assets/styles/dark.css
+++ b/public/assets/styles/dark.css
@@ -148,6 +148,8 @@ body,
.book-item-image,
.book-item-cover,
.book-cover,
+.detail-cover,
+.detail-cover-background-container,
.book-cover-item-cover {
background: rgba(235, 235, 235, 0.1);
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.18);
diff --git a/public/assets/styles/default.css b/public/assets/styles/default.css
index cba4d86a12..76b1d6e03a 100644
--- a/public/assets/styles/default.css
+++ b/public/assets/styles/default.css
@@ -164,6 +164,8 @@ body,
.book-item-image,
.book-item-cover,
.book-cover,
+.detail-cover,
+.detail-cover-background-container,
.book-cover-item-cover {
background: rgba(255, 255, 255, 1);
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.18);
diff --git a/public/index.html b/public/index.html
index 5aeacb55b0..6a8a30ab86 100644
--- a/public/index.html
+++ b/public/index.html
@@ -42,10 +42,6 @@
type="text/javascript"
src="%PUBLIC_URL%/lib/fflate/fflate.min.js"
>
-