New: Updated README.md with more entries and preview images

This commit is contained in:
lscambo13 authored and GitHub committed 2026-09-03 20:30:25 +05:30
1 parent 2f9c727a5b
commit e4705ac02b
1 file changed
+35 -6
+35 -6
View File
@@ -277,10 +277,6 @@ https://github.com/user-attachments/assets/bb7f3174-b703-4c98-a23c-e6bb4abba390
>
> - Check out the [the theme Playground page](https://github.com/lscambo13/ElegantFin/discussions/221) for different color themes created by other users.
> - You can also experiment and share your own take there if you wish.
> - Note: ElegantFin now comes with both a dark and a light theme by default.
> - To switch between the dark and light themes, go to `User Settings > Display > Theme` and select either **Dark** or **Light**.
> - The "Theme" setting above is **not** to be confused with the "Server Dashboard Theme" in the Dashboard, which is **not supported**.
> - Only the Light and Dark theme options are supported, and Jellyfin does not automatically switch between them, so you have to change it manually.
</details>
@@ -324,7 +320,9 @@ https://github.com/user-attachments/assets/bb7f3174-b703-4c98-a23c-e6bb4abba390
<details>
<summary><i>12. Toggle the visibility of some UI elements on mobile</i></summary>
> <img width="640" height="auto" alt="image" src="https://github.com/user-attachments/assets/c11a1d94-9b56-419a-93df-5a6a43ec00c1" />
>
> - These variables control the visibility of small UI elements that show up on phones and small screens.
> ```css
> :root{
@@ -359,6 +357,37 @@ https://github.com/user-attachments/assets/bb7f3174-b703-4c98-a23c-e6bb4abba390
</details>
<details>
<summary><i>14. Switch between IMDb and TMDB star colors</i></summary>
> <img width="1066" height="207" alt="star" src="https://github.com/user-attachments/assets/6ddc2ab6-5ea5-45bb-82a8-9256e594e410" />
>
> - Star rating icon in ElegantFin uses the TMDB colors by default, since that is where the rating is sourced from.
> - To switch them to the gold IMDb colors, copy and paste the following code at the end in Custom CSS box, click save and finally refresh your app/webpage.
> ```css
> .starIcon{
> --colors: var(--imdb);
> }
> ```
> - To go back to the TMDB colors, replace `var(--imdb)` with `var(--tmdb)` or simply remove the code block.
</details>
<details>
<summary><i>15. Switch between Light and Dark modes</i></summary>
|Desktop|Mobile|
|---|---|
|<div align="center"><img src="https://github.com/user-attachments/assets/3483bca2-bc5f-4444-a815-51b27a38c4eb"><br><strong>Dark</strong></div>|<div align="center"><img src="https://github.com/user-attachments/assets/f3c9d4e2-7e72-498e-ad3b-d1db0fcecd19"></div>
|<div align="center"><img src="https://github.com/user-attachments/assets/a300fc79-c2c4-40bd-a18b-c0a45e381082"><br><strong>Light</strong></div>|<div align="center"><img src="https://github.com/user-attachments/assets/9f1d80df-dcdb-4088-a3e6-15ed4209f3ee"></div>|
> - ElegantFin now comes with a dark by default, but an alternative light mode is also available
> - To switch between these modes, go to `User Settings > Display > Theme` and select either **Dark** or **Light**.
> - The "Theme" setting above is **not** to be confused with the "Server Dashboard Theme" in the Dashboard, which is **not supported**.
> - Only the Light and Dark theme options are supported, and Jellyfin does not automatically switch between them, so you have to change it manually.
</details>
<hr>
### 🆗 Tested on
@@ -396,7 +425,7 @@ https://github.com/user-attachments/assets/bb7f3174-b703-4c98-a23c-e6bb4abba390
<summary>3️⃣ - <i>Why do I notice visual bugs and inconsistencies on Jellyfin Media Player?</i></summary>
> - JMP is based on Qt 5.x which uses a very outdated web engine. It does not support many new CSS features, so it is unsupported.
> - [Jellyfin Desktop](https://github.com/jellyfin/jellyfin-desktop) is the new official client moving forward. It seems to be in testing right now. Use it for better compatibility or use the web app instead.
> - You might want to try [Jellium Desktop](https://github.com/andrewrabert/jellium-desktop)) which is an unofficial client, and it is still in testing right now.
</details>