diff --git a/css/addons/prowlarr/prowlarr-text-logo/prowlarr-text-logo.css b/css/addons/prowlarr/prowlarr-text-logo/prowlarr-text-logo.css
new file mode 100644
index 0000000000..cea3048b1d
--- /dev/null
+++ b/css/addons/prowlarr/prowlarr-text-logo/prowlarr-text-logo.css
@@ -0,0 +1,23 @@
+@media (min-width: 752px) {
+ [class*="PageHeader-logo-"] {
+ content: url("/css/addons/prowlarr/prowlarr-text-logo/prowlarr-text-logo.png");
+ margin-left: 15px;
+ width: auto;
+ height: 30px;
+ }
+}
+
+[class*="LoadingPage-logoFull-"] {
+ content: url("/css/addons/prowlarr/prowlarr-text-logo/prowlarr-text-logo.png");
+ margin-top: 50px;
+ margin-right: auto;
+ margin-left: auto;
+ width: auto;
+ height: 30px;
+ opacity: 1;
+}
+
+.panel-header > img.logo {
+ content: url("/css/addons/prowlarr/prowlarr-text-logo/prowlarr-text-logo.png");
+ width: auto;
+}
diff --git a/css/addons/prowlarr/prowlarr-text-logo/prowlarr-text-logo.png b/css/addons/prowlarr/prowlarr-text-logo/prowlarr-text-logo.png
new file mode 100644
index 0000000000..5b73c8f981
Binary files /dev/null and b/css/addons/prowlarr/prowlarr-text-logo/prowlarr-text-logo.png differ
diff --git a/css/addons/prowlarr/prowlarr-text-logo/prowlarr-text-logo.psd b/css/addons/prowlarr/prowlarr-text-logo/prowlarr-text-logo.psd
new file mode 100644
index 0000000000..63523c61ad
Binary files /dev/null and b/css/addons/prowlarr/prowlarr-text-logo/prowlarr-text-logo.psd differ
diff --git a/css/addons/radarr/radarr-anime-logo/radarr-anime-logo.css b/css/addons/radarr/radarr-anime-logo/radarr-anime-logo.css
new file mode 100644
index 0000000000..afbb0f21da
--- /dev/null
+++ b/css/addons/radarr/radarr-anime-logo/radarr-anime-logo.css
@@ -0,0 +1,32 @@
+@media (min-width: 752px) {
+ [class*="PageHeader-logoFull-"] {
+ content: url("/css/addons/radarr/radarr-anime-logo/radarr-anime.png");
+ margin-left: 15px;
+ width: 120px;
+ height: 40px;
+ }
+}
+
+@media only screen and (max-width: 768px) {
+ [class*="PageHeader-logo-"] {
+ width: 32px;
+ height: 32px;
+ margin-left: 0px;
+ content: url("/css/addons/radarr/radarr-anime-logo/radarr-anime-mobile.png");
+ }
+}
+
+[class*="LoadingPage-logoFull-"] {
+ content: url("/css/addons/radarr/radarr-anime-logo/radarr-anime.png");
+ margin-top: 50px;
+ margin-right: auto;
+ margin-left: auto;
+ width: 120px;
+ height: 40px;
+ opacity: 1;
+}
+
+.panel-header > img.logo {
+ content: url("/css/addons/radarr/radarr-anime-logo/radarr-anime.png");
+ width: auto;
+}
\ No newline at end of file
diff --git a/css/addons/radarr/radarr-anime-logo/radarr-anime-mobile.png b/css/addons/radarr/radarr-anime-logo/radarr-anime-mobile.png
new file mode 100644
index 0000000000..0b4d6e36c5
Binary files /dev/null and b/css/addons/radarr/radarr-anime-logo/radarr-anime-mobile.png differ
diff --git a/css/addons/radarr/radarr-anime-logo/radarr-anime.png b/css/addons/radarr/radarr-anime-logo/radarr-anime.png
new file mode 100644
index 0000000000..f9c26a907b
Binary files /dev/null and b/css/addons/radarr/radarr-anime-logo/radarr-anime.png differ
diff --git a/css/addons/radarr/radarr-logo.md b/css/addons/radarr/radarr-logo.md
new file mode 100644
index 0000000000..38ec11511c
--- /dev/null
+++ b/css/addons/radarr/radarr-logo.md
@@ -0,0 +1,49 @@
+# radarr-anime-logo
+
+I hope to find the .psd file used as the source, so I can upload it someday.
+
+2. [radarr-anime.png](radarr-anime-logo/radarr-anime.png) contains 900x292 `.png` file.
+
+ The version on a white background isn't great, but neither is the one for 4K.
+
+1. [radarr-anime-mobile.png](radarr-anime-logo/radarr-anime-mobile.png) contains 900x900 `.png` file.
+
+ Even here, the version on a white background isn't great, but mine is a bit better than the 4K one. 😅.
+
+
+Preview:
+
+
+
+ radarr-4k-v3-logo |
+ |
+ |
+ |
+ |
+
+
+ radarr-anime-logo |
+ |
+ |
+ |
+ |
+
+
+
+
+
+ radarr-4K-logo |
+ |
+ |
+ |
+ |
+
+
+ sonarr-anime-logo |
+ |
+ |
+ |
+ |
+
+
+
diff --git a/css/addons/readarr/readarr-text-logo.psd b/css/addons/readarr/readarr-text-logo.psd
new file mode 100644
index 0000000000..76a9a8bb86
Binary files /dev/null and b/css/addons/readarr/readarr-text-logo.psd differ
diff --git a/css/addons/readarr/readarr-text-logo/readarr-text-logo.css b/css/addons/readarr/readarr-text-logo/readarr-text-logo.css
new file mode 100644
index 0000000000..c22fc0d5dc
--- /dev/null
+++ b/css/addons/readarr/readarr-text-logo/readarr-text-logo.css
@@ -0,0 +1,24 @@
+@media (min-width: 752px) {
+ [class*="PageHeader-logo-"] {
+ content: url("/css/addons/readarr/readarr-text-logo/readarr-text-logo.png");
+ margin-left: 15px;
+ width: auto;
+ height: 40px;
+ }
+}
+
+[class*="LoadingPage-logoFull-"] {
+ content: url("/css/addons/readarr/readarr-text-logo/readarr-text-logo.png");
+ margin-top: 50px;
+ margin-right: auto;
+ margin-left: auto;
+ width: auto;
+ height: 40px;
+ opacity: 1;
+}
+
+.panel-header > img.logo {
+ content: url("/css/addons/readarr/readarr-text-logo/readarr-text-logo.png");
+ width: auto;
+}
+
diff --git a/css/addons/readarr/readarr-text-logo/readarr-text-logo.png b/css/addons/readarr/readarr-text-logo/readarr-text-logo.png
new file mode 100644
index 0000000000..7783d61abd
Binary files /dev/null and b/css/addons/readarr/readarr-text-logo/readarr-text-logo.png differ
diff --git a/css/base/audiobookshelf/audiobookshelf-base.css b/css/base/audiobookshelf/audiobookshelf-base.css
index 4b1fb4669d..c0b1df40ce 100644
--- a/css/base/audiobookshelf/audiobookshelf-base.css
+++ b/css/base/audiobookshelf/audiobookshelf-base.css
@@ -33,6 +33,7 @@ a:hover{
background: var(--transparency-dark-40) !important;
}
body, .bg-bg, #bookshelf, #app-content, #page-wrapper{
+ background-image:none !important;
background: var(--main-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;