KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#developer-tools #typescript #claude-code #codex #dsh #dsh-plugin #ai-agent #ai-agents #deepseek-harness #agent-skills #macos #cli

jellyfin

★ 125 Open GitHub ↗

🪼 Soothing pastel theme for Jellyfin

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h3 align="center">
    <img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/logos/exports/1544x1544_circle.png" width="100" alt="Logo"/><br/>
    <img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png" height="30" width="0px"/>
    Catppuccin for <a href="https://jellyfin.org">Jellyfin</a>
    <img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png" height="30" width="0px"/>
</h3>

## Previews

<details>
    <summary>🌻 Latte</summary>
    <img src="/assets/latte.webp"/>
</details>
<details>
    <summary>🪴 Frappé</summary>
    <img src="/assets/frappe.webp"/>
</details>
<details>
    <summary>🌺 Macchiato</summary>
    <img src="/assets/macchiato.webp"/>
</details>
<details>
    <summary>🌿 Mocha</summary>
    <img src="/assets/mocha.webp"/>
</details>

## Usage

1. Copy the theme import rule:
    ```css
    @import url('https://jellyfin.catppuccin.com/theme.css');
    ```
2. Open settings, navigate to Display and paste the CSS into the section called "Custom CSS code"
3. Copy your preferred flavor's import rule and paste it **after** the theme import:
    ```css
    /* 🌻 Latte */
    @import url('https://jellyfin.catppuccin.com/catppuccin-latte.css');
    /* 🪴 Frappé */
    @import url('https://jellyfin.catppuccin.com/catppuccin-frappe.css');
    /* 🌺 Macchiato */
    @import url('https://jellyfin.catppuccin.com/catppuccin-macchiato.css');
    /* 🌿 Mocha */
    @import url('https://jellyfin.catppuccin.com/catppuccin-mocha.css');
    ```
4. Press save and you're done!

## Customization

The accent color can be overridden by adding the following **after** the imports:
```css
:root {
    --main-color: var(--sapphire);
}
```

### Creating your own theme

All colors can be easily changed by overriding [these CSS variables](./themes/catppuccin-mocha.css#L24-L38).

<details>
    <summary><b>Hall of Fame</b></summary>
    <p>These amazing themes all base off of Catppuccin:</p>
    <table>
        <tr>
            <th><a href="https://github.com/everviolet/jellyfin">evergarden</a></th>
        </tr>
        <tr>
            <td><a href="https://github.com/everviolet/jellyfin"><img src="https://github.com/everviolet/jellyfin/raw/main/assets/preview.webp" alt="evergarten preview"/></a></td>
        </tr>
    </table>
</details>

## 💝 Thanks to

- [koi](https://github.com/koibtw)
- [isabel](https://github.com/isabelroses)
- [mxgic1337](https://github.com/mxgic1337)

&nbsp;

jellyfin

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README