refact!: prepare for transfer

apply @sgoudham's suggestions
ref https://github.com/catppuccin/catppuccin/issues/2696#issuecomment-2707252468

changes:
- removed every styling outside of the colors themselves (i.e. rounding,
  `text-shadow` & `padding`)
- changed the default accent color to `mauve`
- renamed flavour CSS filenames from `<f>.css` to `catppuccin-<f>.css`

Signed-off-by: Adam Perkowski <adas1per@protonmail.com>
This commit is contained in:
Adam Perkowski
2025-03-07 22:55:17 +01:00
parent 43ec38b80c
commit f3a5351eb3
15 changed files with 11 additions and 32 deletions
+5 -20
View File
@@ -44,13 +44,13 @@
3. Copy your preferred flavor's import rule and paste it **after** the theme import:
```css
/* 🌻 Latte */
@import url('https://adamperkowski.github.io/jellyfin/latte.css');
@import url('https://adamperkowski.github.io/jellyfin/catppuccin-latte.css');
/* 🪴 Frappé */
@import url('https://adamperkowski.github.io/jellyfin/frappe.css');
@import url('https://adamperkowski.github.io/jellyfin/catppuccin-frappe.css');
/* 🌺 Macchiato */
@import url('https://adamperkowski.github.io/jellyfin/macchiato.css');
@import url('https://adamperkowski.github.io/jellyfin/catppuccin-macchiato.css');
/* 🌿 Mocha */
@import url('https://adamperkowski.github.io/jellyfin/mocha.css');
@import url('https://adamperkowski.github.io/jellyfin/catppuccin-mocha.css');
```
4. Press save and you're done!
@@ -59,25 +59,10 @@
The accent color can be overrided by adding the following **after** the imports:
```css
:root {
--main-color: var(--mauve);
--main-color: var(--sapphire);
}
```
<details>
<summary>Preview</summary>
<img src="/assets/mauve.webp"/>
</details>
There is also an everything-rounded extension available:
```css
@import url('https://adamperkowski.github.io/jellyfin/rounding.css');
```
<details>
<summary>Preview</summary>
<img src="/assets/rounding0.webp"/>
<img src="/assets/rounding1.webp"/>
</details>
## 💝 Thanks to
- [Adam](https://github.com/adamperkowski)