diff --git a/README.md b/README.md index 375f18e..e6c533a 100644 --- a/README.md +++ b/README.md @@ -1,10 +1,10 @@
- +

Presented by

- +
@@ -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
@@ -93,7 +95,7 @@ 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")
@@ -101,41 +103,22 @@ To use just copy this CSS file contents at the below link into Jellyfin ======>

What the UI Looks Like


-

Home Page UI V4


+

Home Page UI v5


- ![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) -

HighLight UI V4


+

Admin Dashboard UI V5


- ![Highlight UI](https://github.com/DevilsDesigns/Jellyfin-DarkFlix-Theme/blob/20949d868de9bdb7b58ab218018c92d72d5e1584/UI-Proof/v3%20Demo/Highlight%20and%20More%20UI.gif) - - -

More UI Edits V4


- - ![GitHub More UI](https://github.com/DevilsDesigns/Jellyfin-DarkFlix-Theme/blob/20949d868de9bdb7b58ab218018c92d72d5e1584/UI-Proof/v3%20Demo/UI%20Colors.gif) - -

Gridstyle Condensed Actor Cards V4


- - ![GitHub More UI](https://github.com/DevilsDesigns/Jellyfin-DarkFlix-Theme/blob/37bdc569a1dccce68ba548d2c102cc8e5e19cd76/UI-Proof/v4%20Demo/Screenshot%202021-08-02%20002608.png) - -

TV-Shows Episode Numbers V4


+ ![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) +

Boxstyle Actor Cards V5


+ ![Boxstyle Actor Cards](https://github.com/DevilsDesigns/Jellyfin-DarkFlix-Theme/blob/85b06cd71e8a0cd6de0b1654a102b39de3642ac7/UI-Proof/v5/Character-Selection.gif) -

Gride Style Episodes V4


- - ![GitHub More UI](https://github.com/DevilsDesigns/Jellyfin-DarkFlix-Theme/blob/37bdc569a1dccce68ba548d2c102cc8e5e19cd76/UI-Proof/v4%20Demo/Screenshot%202021-08-02%20002458.png) - -

Play Button Hover V4


- -![GitHub More UI](https://github.com/DevilsDesigns/Jellyfin-DarkFlix-Theme/blob/latest/UI-Proof/v4%20Demo/Screenshot%202021-08-02%20002420.png) - - -

Dashboard Active Box Outline V4


+

Video Player UI V5


-![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)