mirror of
https://github.com/lscambo13/ElegantFin.git
synced 2026-10-26 09:39:34 +00:00
New: Updated README.md with more entries and preview images
This commit is contained in:
1 parent
2f9c727a5b
commit
e4705ac02b
1 file changed
+34
-5
@@ -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>
|
||||
|
||||
@@ -325,6 +321,8 @@ 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>
|
||||
|
||||
|
||||
Reference in new issue
Block a user