## Previews
🌻 Latte🪴 Frappé🌺 Macchiato🌿 Mocha
## Usage
1. Copy the theme import rule:
```css
@import url('https://adamperkowski.github.io/jellyfin/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:
- 🌻 Latte
```css
@import url('https://adamperkowski.github.io/jellyfin/latte.css');
```
- 🪴 Frappé
```css
@import url('https://adamperkowski.github.io/jellyfin/frappe.css');
```
- 🌺 Macchiato
```css
@import url('https://adamperkowski.github.io/jellyfin/macchiato.css');
```
- 🌿 Mocha
```css
@import url('https://adamperkowski.github.io/jellyfin/mocha.css');
```
4. Press save and you're done!
## Customization
The accent color can be overrided by adding the following **after** the imports:
```css
:root {
--main-color: var(--mauve);
}
```
Preview
There is also an everything-rounded extension available:
```css
@import url('https://adamperkowski.github.io/jellyfin/rounding.css');
```
Preview
## 💝 Thanks to
- [Isabel](https://github.com/isabelroses)
- [Adam](https://github.com/adamperkowski)
Catppuccin for Jellyfin
