Update README.md

added v5 updates in proof and gifs. Updated alot of elements and cleaned up a lot of code to work way more smooth.

README.md

@@ -1,10 +1,10 @@
 <div align="center"> 
-<img src="https://github.com/DevilsDesigns/Jellyfin-DarkFlix-Theme/blob/main/Logos/Darkflix-with-tagline.png?raw=true">
+<img src="https://github.com/DevilsDesigns/Jellyfin-DarkFlix-Theme/blob/3b550986e64c392b8601fadddcb649196ae7e30a/Logos/Darkflix-with-tagline.png?raw=true">
 
 <h2>Presented by</h2>
 
 
-<img src="https://github.com/DevilsDesigns/Jellyfin-DarkFlix-Theme/blob/main/Logos/DevilsDesigns-Logo-Github.png?raw=true" height="75" width="500">
+<img src="https://github.com/DevilsDesigns/Jellyfin-DarkFlix-Theme/blob/3b550986e64c392b8601fadddcb649196ae7e30a/Logos/DevilsDesigns-Logo-Github.png" height="75" width="500">
 
 
 <div align="center">
@@ -18,7 +18,7 @@
   **This uses Netflix Sans from the official netflix CSS. If I am violating any copyright agrement then please don't ban this repo but make an issue for it.**
 
 
-  **Warning: This css is only for Jellyfin 10.6.X.**
+  **Warning: This css works with the Currently Jellyfin 10.8.X.**
 
 
   **Note: Finally!! This CSS is fully supported now in Firefox and other browsers, but it may not have the blur features instead it would be barkened as firefox doesn't have backdrop-filter CSS tag supported, to use that you might have to manually enable the backdrop filter. I have given a way at the bottom.**
@@ -52,29 +52,31 @@
 
  Custom Highlights
 
-     card hover style
+ Card Hover Style
 
-    New login background and style
+ New login background and style
 
-    better support for JF 10.7
+ Better Support for JF 10.7
 
-    Shows Title text if Logo is missing
+ Shows Title text if Logo is missing
 
-    Change backdrop-overlay to uniform box-shadow
+ Change backdrop-overlay to uniform box-shadow
 
-    Uses Minimal Looking fonts with the same font-weight as default Jellyfin WEB
+ Uses Minimal Looking fonts with the same font-weight as default Jellyfin WEB
 
-    Can be used by just one line.
+ Can be used by just one line.
 
-    Vibrant and modern.
+ Vibrant and modern.
 
-    Has lots of hover animation
+ Has lots of hover animation
 
-    Can easily be customized
+ Can easily be customized
 
-    Everything has a depth
+ Everything has a depth
+
+ Changed Video Player UI to Netflix Themed
 
-    & much more
+ & much more
 
  </div>
 
@@ -93,49 +95,30 @@ This is Jellyfin Netflix Dark theme with Netflix Sans are used as the default fo
 To use just copy this CSS file contents at the below link into Jellyfin ======> Dashboard ======>General ======> Custom CSS Box 
 
 
-[Jellyfin DarkFlix Theme](https://github.com/DevilsDesigns/Jellyfin-DarkFlix-Theme/blob/main/default.css "Custom CSS")
+[Jellyfin DarkFlix Theme](https://github.com/DevilsDesigns/Jellyfin-DarkFlix-Theme/blob/latest/Darkflix-v5.css "Custom CSS")
 </div>
 
 
 <div align="center">
 <h3 align="ceter" class="animations">What the UI Looks Like</h3><br>
 
 
- <h3>Home Page UI V4</h3><br>
+ <h3>Home Page UI v5</h3><br>
 
- ![Home Page UI](https://github.com/DevilsDesigns/Jellyfin-DarkFlix-Theme/blob/20949d868de9bdb7b58ab218018c92d72d5e1584/UI-Proof/v3%20Demo/Home-Highlight.gif)
+ ![Home Page UI](https://github.com/DevilsDesigns/Jellyfin-DarkFlix-Theme/blob/85b06cd71e8a0cd6de0b1654a102b39de3642ac7/UI-Proof/v5/Homepage-UI.gif)
 
 
- <h3>HighLight UI V4</h3><br>
+ <h3> Admin Dashboard UI V5</h3><br>  
 
- ![Highlight UI](https://github.com/DevilsDesigns/Jellyfin-DarkFlix-Theme/blob/20949d868de9bdb7b58ab218018c92d72d5e1584/UI-Proof/v3%20Demo/Highlight%20and%20More%20UI.gif)
-
-
- <h3> More UI Edits V4</h3><br>  
-
- ![GitHub More UI](https://github.com/DevilsDesigns/Jellyfin-DarkFlix-Theme/blob/20949d868de9bdb7b58ab218018c92d72d5e1584/UI-Proof/v3%20Demo/UI%20Colors.gif)
-
- <h3> Gridstyle Condensed Actor Cards V4</h3><br>  
-
- ![GitHub More UI](https://github.com/DevilsDesigns/Jellyfin-DarkFlix-Theme/blob/37bdc569a1dccce68ba548d2c102cc8e5e19cd76/UI-Proof/v4%20Demo/Screenshot%202021-08-02%20002608.png)
-
- <h3>TV-Shows Episode Numbers V4</h3><br>  
+ ![Admin Dashboard](https://github.com/DevilsDesigns/Jellyfin-DarkFlix-Theme/blob/85b06cd71e8a0cd6de0b1654a102b39de3642ac7/UI-Proof/v5/Admin-Dashboard.gif)
 
- ![GitHub More UI](https://github.com/DevilsDesigns/Jellyfin-DarkFlix-Theme/blob/latest/UI-Proof/v4%20Demo/Screenshot%202021-08-02%20002521.png)
+ <h3> Boxstyle Actor Cards V5</h3><br>  
 
+ ![Boxstyle Actor Cards](https://github.com/DevilsDesigns/Jellyfin-DarkFlix-Theme/blob/85b06cd71e8a0cd6de0b1654a102b39de3642ac7/UI-Proof/v5/Character-Selection.gif)
 
-<h3> Gride Style Episodes V4</h3><br>  
-
- ![GitHub More UI](https://github.com/DevilsDesigns/Jellyfin-DarkFlix-Theme/blob/37bdc569a1dccce68ba548d2c102cc8e5e19cd76/UI-Proof/v4%20Demo/Screenshot%202021-08-02%20002458.png)
-
-<h3> Play Button Hover V4</h3><br>  
-
-![GitHub More UI](https://github.com/DevilsDesigns/Jellyfin-DarkFlix-Theme/blob/latest/UI-Proof/v4%20Demo/Screenshot%202021-08-02%20002420.png)
-
-
-<h3> Dashboard Active Box Outline V4</h3><br>  
+ <h3>Video Player UI V5</h3><br>  
 
-![GitHub More UI](https://github.com/DevilsDesigns/Jellyfin-DarkFlix-Theme/blob/37bdc569a1dccce68ba548d2c102cc8e5e19cd76/UI-Proof/v4%20Demo/Screenshot%202021-08-02%20002648.png)
+ ![Video Player UI](https://github.com/DevilsDesigns/Jellyfin-DarkFlix-Theme/blob/3b550986e64c392b8601fadddcb649196ae7e30a/UI-Proof/v5/Video-Player-Colors-RESIZED.gif)