diff --git a/CSS/themes/jellyfin/jellyfin-base.css b/CSS/themes/jellyfin/jellyfin-base.css
index 68caba42..6c89aa0d 100644
--- a/CSS/themes/jellyfin/jellyfin-base.css
+++ b/CSS/themes/jellyfin/jellyfin-base.css
@@ -10,7 +10,15 @@
 
 /*		   		        Made by @gilbN					 */
 /* 			      https://github.com/gilbN/theme.park			 */
-  
+:root {
+    --main-bg-color:  radial-gradient( ellipse at center,  rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
+    --modal-bg-color: radial-gradient( ellipse at top,  rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed; 
+    --button-color: #607D8B;
+    --button-color-hover: #81a6b7;
+    --accent-color: #607D8B;
+    --accent-color-hover: #81a6b7;
+  }
+
   .skinHeader,
   html {
       color: #ddd;
@@ -137,6 +145,35 @@
   .defaultCardBackground5 {
       background-color: #5ccea9;
   }
+  .cardOverlayContainer {
+    background: radial-gradient(farthest-corner at 50% 50%,rgba(50,50,50,.5) 50%,#323232 100%);
+    opacity: 0;
+    transition: opacity .2s;
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    user-select: none;
+    box-shadow: 0 0 0 2px var(--button-color);
+}
+.cardOverlayFab-primary i:hover {
+    border: .07em solid var(--button-color);
+    color: #fff;
+    background: var(--button-color);
+}
+.cardOverlayButtonIcon:hover {
+    background-color: rgba(0,0,0,.7) !important;
+background: var(--button-color) !important;
+border: var(--button-color);
+}
+.selectionCommandsPanel {
+    background: var(--button-color) !important;
+    color: #fff;
+}
+.itemSelectionPanel {
+    border: 1px solid var(--button-color) !important;
+}
   
   .cardText-secondary,
   .fieldDescription,
@@ -232,6 +269,9 @@
   .button-link {
       color: var(--accent-color) !important;
   }
+  .button-link:hover {
+    color: var(--accent-color-hover) !important;
+}
   
   .mediaInfoText {
       color: #ddd;
@@ -303,11 +343,35 @@
   .fullSyncIndicator {
       color: #fff;
   }
-  
+
+  @media (min-width: 84em){
+.dashboardDocument .mainDrawer-scrollContainer {
+    margin: auto;
+    background: var(--main-bg-color);
+}
+}
+
+@media (min-width: 40em){
+.dashboardDocument .mainDrawer-scrollContainer {
+    margin-top: 5em !important;
+    background: rgba(0, 0, 0, 0.25);
+}
+}
+@media (min-width: 40em) {
+.dashboardDocument .mainDrawer {
+    background: var(--main-bg-color);
+}
+}
   .mainDrawer {
-    background-color: rgba(0, 0, 0, 0.75) !important;
+    background-color: rgba(0, 0, 0, 0.95) !important;
+}
+.mainDrawer-scrollContainer {
+    height: 100%;
+}
+.tmla-mask, .touch-menu-la {
+    background: var(--main-bg-color) !important;
+    width: 320px !important;
 }
-  
   .navMenuOption:hover {
       background: rgba(255 ,255 ,255 ,0.08) !important;
   }
diff --git a/README.md b/README.md
index 312bb936..054e022f 100644
--- a/README.md
+++ b/README.md
@@ -98,6 +98,7 @@ Link to Firefox extention: https://addons.mozilla.org/en-US/firefox/addon/styl-u
 <li><a href="#sonarr-v2v3---radarr---lidarr---bazarr-themes">Lidarr</a></li>
 <li><a href="#sonarr-v2v3---radarr---lidarr---bazarr-themes">Bazarr</a></li>
 <li><a href="#plex-themes">Plex</a></li>
+<li><a href="#jellyfin-themes">Jellyfin</a></li>
 <li><a href="#ombi-themes">Ombi</a></li>
 <li><a href="#tautulli-themes">Tautulli</a></li>
 <li><a href="#organizr-hotline-and-marine-theme">Organizr</a></li>
@@ -236,6 +237,33 @@ space-gray.css
 
 ***
 
+# Jellyfin Themes
+
+Custom [Jellyfin](https://github.com/jellyfin/jellyfin) CSS.
+
+![](/Screenshots/jellyfin/jellyfin.gif)
+
+```
+https://gilbn.github.io/theme.park/CSS/themes/jellyfin/XXX.css
+aquamarine.css
+hotline.css
+dark.css
+space-gray.css
+```
+
+### Screenshots
+<details><summary>Expand</summary>
+<p>
+<img src="/Screenshots/jellyfin/jellyfin1.jpg"></img>
+<img src="/Screenshots/jellyfin/jellyfin2.jpg"></img>
+<img src="/Screenshots/jellyfin/jellyfin3.jpg"></img>
+<img src="/Screenshots/jellyfin/jellyfin4.jpg"></img>
+<img src="/Screenshots/jellyfin/jellyfin5.jpg"></img>
+</p>
+</details>
+
+***
+
 # Sonarr v2/v3 - Radarr - Lidarr - Bazarr Themes
 
 Custom [Sonarr V2 and V3](https://github.com/Sonarr/Sonarr)/[Radarr](https://github.com/Radarr/Radarr)/[Lidarr](https://github.com/Lidarr/Lidarr)/[Bazarr](https://github.com/morpheus65535/bazarr) CSS.
diff --git a/Screenshots/jellyfin/jellyfin.gif b/Screenshots/jellyfin/jellyfin.gif
new file mode 100644
index 00000000..9b0b30f3
Binary files /dev/null and b/Screenshots/jellyfin/jellyfin.gif differ
diff --git a/Screenshots/jellyfin/jellyfin1.jpg b/Screenshots/jellyfin/jellyfin1.jpg
new file mode 100644
index 00000000..2f8496dd
Binary files /dev/null and b/Screenshots/jellyfin/jellyfin1.jpg differ
diff --git a/Screenshots/jellyfin/jellyfin2.png b/Screenshots/jellyfin/jellyfin2.png
new file mode 100644
index 00000000..3d404d5b
Binary files /dev/null and b/Screenshots/jellyfin/jellyfin2.png differ
diff --git a/Screenshots/jellyfin/jellyfin3.jpg b/Screenshots/jellyfin/jellyfin3.jpg
new file mode 100644
index 00000000..55c70063
Binary files /dev/null and b/Screenshots/jellyfin/jellyfin3.jpg differ
diff --git a/Screenshots/jellyfin/jellyfin4.png b/Screenshots/jellyfin/jellyfin4.png
new file mode 100644
index 00000000..1b8a6bed
Binary files /dev/null and b/Screenshots/jellyfin/jellyfin4.png differ
diff --git a/Screenshots/jellyfin/jellygin5.png b/Screenshots/jellyfin/jellygin5.png
new file mode 100644
index 00000000..a063775c
Binary files /dev/null and b/Screenshots/jellyfin/jellygin5.png differ