1.18.0

README.md

@@ -295,6 +295,12 @@
 <p><a href="https://docs.theme-park.dev/themes/thelounge">The Lounge (Deprecated)</a></p>
 </td>
 </tr>
+<tr>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/audiobookshelf"><img src="https://docs.theme-park.dev/site_assets/audiobookshelf/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/audiobookshelf">Audiobookshelf</a></p>
+</td>
+</tr>
 </tbody>
 </table>
 </div>

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;
+}

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;
+}

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:
+
+<table>
+  <tr>
+    <td>radarr-4k-v3-logo</td>
+    <td>                                  <img src="radarr-4K-logo/radarr4k-v3.png" width="200" height=auto alt="radarr-4k-logo"/></td>
+    <td style="background-color: white">  <img src="radarr-4K-logo/radarr4k-v3.png" width="200" height=auto alt="radarr-4k-logo"/></td>
+    <td style="background-color: #2a2a2a"><img src="radarr-4K-logo/radarr4k-v3.png" width="200" height=auto alt="radarr-4k-logo"/></td>
+    <td style="background-color: #606060"><img src="radarr-4K-logo/radarr4k-v3.png" width="200" height=auto alt="radarr-4k-logo"/></td>
+  </tr>
+  <tr>
+    <td>radarr-anime-logo</td>
+    <td>                                  <img src="radarr-anime-logo/radarr-anime.png" width="200" height=auto alt="sonarr-anime-blue-logo"/></td>
+    <td style="background-color: white">  <img src="radarr-anime-logo/radarr-anime.png" width="200" height=auto alt="sonarr-anime-blue-logo"/></td>
+    <td style="background-color: #2a2a2a"><img src="radarr-anime-logo/radarr-anime.png" width="200" height=auto alt="sonarr-anime-blue-logo"/></td>
+    <td style="background-color: #606060"><img src="radarr-anime-logo/radarr-anime.png" width="200" height=auto alt="sonarr-anime-blue-logo"/></td>
+  </tr>
+</table>
+
+<table>
+  <tr>
+    <td>radarr-4K-logo</td>
+    <td>                                  <img src="radarr-4K-logo/radarr-V3-mobile.png" width="100" height="100" alt="sonarr-4k-logo"/></td>
+    <td style="background-color: white">  <img src="radarr-4K-logo/radarr-V3-mobile.png" width="100" height="100" alt="sonarr-4k-logo"/></td>
+    <td style="background-color: #2a2a2a"><img src="radarr-4K-logo/radarr-V3-mobile.png" width="100" height="100" alt="sonarr-4k-logo"/></td>
+    <td style="background-color: #606060"><img src="radarr-4K-logo/radarr-V3-mobile.png" width="100" height="100" alt="sonarr-4k-logo"/></td>
+  </tr>
+  <tr>
+    <td>sonarr-anime-logo</td>
+    <td>                                  <img src="radarr-anime-logo/radarr-anime-mobile.png" width="100" height="100" alt="sonarr-anime-logo"/></td>
+    <td style="background-color: white">  <img src="radarr-anime-logo/radarr-anime-mobile.png" width="100" height="100" alt="sonarr-anime-logo"/></td>
+    <td style="background-color: #2a2a2a"><img src="radarr-anime-logo/radarr-anime-mobile.png" width="100" height="100" alt="sonarr-anime-logo"/></td>
+    <td style="background-color: #606060"><img src="radarr-anime-logo/radarr-anime-mobile.png" width="100" height="100" alt="sonarr-anime-logo"/></td>
+  </tr>
+</table>
+

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;
+}
+

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;