mirror of
https://github.com/loof2736/scyfin.git
synced 2025-11-04 00:18:52 +01:00
50 lines
1.2 KiB
Markdown
50 lines
1.2 KiB
Markdown
<img src="./images/scyfin-full.svg" alt="scyfin logo" width="200"/>
|
|
|
|
---
|
|
|
|
Custom CSS bits for the Jellyfin WebUI and a (VERY WIP) custom theme
|
|
|
|
---
|
|
|
|
Static Left Drawer
|
|
|
|
<img src="./images/static-left-drawer-demo.png" alt="static left drawer" width="80%"/>
|
|
|
|
Example of how borken it is :)
|
|
|
|
<img src="./images/borken.png" alt="static left drawer" width="80%"/>
|
|
|
|
@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin/CSS/static-left-drawer.css');
|
|
|
|
---
|
|
|
|
Rounded Cards
|
|
|
|
<img src="./images/rounded-cards-demo.png" alt="rounded cards" width="80%"/>
|
|
|
|
@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin/CSS/rounded-cards.css');
|
|
|
|
---
|
|
|
|
Rounded Drawer Buttons
|
|
|
|
<img src="./images/rounded-drawer-buttons-demo.png" alt="rounded drawer buttons" width="80%"/>
|
|
|
|
@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin/CSS/rounded-drawer-buttons.css');
|
|
|
|
---
|
|
|
|
Transparent Header
|
|
|
|
<img src="./images/transparent-header-demo.png" alt="transparent header" width="80%"/>
|
|
|
|
@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin/CSS/transparent-header.css');
|
|
|
|
---
|
|
|
|
Transparent Header Alternative
|
|
|
|
<img src="./images/transparent-header-alt-demo.png" alt="transparent header alt" width="80%"/>
|
|
|
|
@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin/CSS/transparent-header-alt.css');
|