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.
|
> - 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.
|
> - 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>
|
</details>
|
||||||
|
|
||||||
@@ -325,6 +321,8 @@ https://github.com/user-attachments/assets/bb7f3174-b703-4c98-a23c-e6bb4abba390
|
|||||||
<details>
|
<details>
|
||||||
<summary><i>12. Toggle the visibility of some UI elements on mobile</i></summary>
|
<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.
|
> - These variables control the visibility of small UI elements that show up on phones and small screens.
|
||||||
> ```css
|
> ```css
|
||||||
> :root{
|
> :root{
|
||||||
@@ -359,6 +357,37 @@ https://github.com/user-attachments/assets/bb7f3174-b703-4c98-a23c-e6bb4abba390
|
|||||||
|
|
||||||
</details>
|
</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>
|
<hr>
|
||||||
|
|
||||||
### 🆗 Tested on
|
### 🆗 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>
|
<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.
|
> - 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>
|
</details>
|
||||||
|
|
||||||
|
|||||||
Reference in new issue
Block a user