diff --git a/README.md b/README.md index 723f831..2e5db36 100644 --- a/README.md +++ b/README.md @@ -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); } ``` -
- Preview - -
- -There is also an everything-rounded extension available: -```css -@import url('https://adamperkowski.github.io/jellyfin/rounding.css'); -``` -
- Preview - - -
- ## 💝 Thanks to - [Adam](https://github.com/adamperkowski) diff --git a/assets/frappe.webp b/assets/frappe.webp index d75ab2e..5e44ba5 100644 Binary files a/assets/frappe.webp and b/assets/frappe.webp differ diff --git a/assets/latte.webp b/assets/latte.webp index fc6f567..1b65a46 100644 Binary files a/assets/latte.webp and b/assets/latte.webp differ diff --git a/assets/macchiato.webp b/assets/macchiato.webp index 285f79e..6e8bc54 100644 Binary files a/assets/macchiato.webp and b/assets/macchiato.webp differ diff --git a/assets/mauve.webp b/assets/mauve.webp deleted file mode 100644 index 3ad1a27..0000000 Binary files a/assets/mauve.webp and /dev/null differ diff --git a/assets/mocha.webp b/assets/mocha.webp index b66f66b..fa8c355 100644 Binary files a/assets/mocha.webp and b/assets/mocha.webp differ diff --git a/assets/preview.webp b/assets/preview.webp index 90f561b..d31d8bf 100644 Binary files a/assets/preview.webp and b/assets/preview.webp differ diff --git a/assets/rounding0.webp b/assets/rounding0.webp deleted file mode 100644 index 2715c45..0000000 Binary files a/assets/rounding0.webp and /dev/null differ diff --git a/assets/rounding1.webp b/assets/rounding1.webp deleted file mode 100644 index 2aff257..0000000 Binary files a/assets/rounding1.webp and /dev/null differ diff --git a/jellyfin.tera b/jellyfin.tera index a28d796..5c0c24a 100644 --- a/jellyfin.tera +++ b/jellyfin.tera @@ -3,7 +3,7 @@ whiskers: version: 2.5.1 matrix: - flavor - filename: 'themes/{{flavor.identifier}}.css' + filename: 'themes/catppuccin-{{flavor.identifier}}.css' --- :root { --rosewater: #{{rosewater.hex}}; @@ -21,7 +21,7 @@ whiskers: --blue: #{{blue.hex}}; --lavender: #{{lavender.hex}}; - --main-color: var(--sapphire); + --main-color: var(--mauve); --main-background: #{{base.hex}}; --second-background: #{{mantle.hex}}; --hover-background: #{{surface0.hex}}; diff --git a/themes/frappe.css b/themes/catppuccin-frappe.css similarity index 93% rename from themes/frappe.css rename to themes/catppuccin-frappe.css index 7141c76..28e6261 100644 --- a/themes/frappe.css +++ b/themes/catppuccin-frappe.css @@ -14,7 +14,7 @@ --blue: #8caaee; --lavender: #babbf1; - --main-color: var(--sapphire); + --main-color: var(--mauve); --main-background: #303446; --second-background: #292c3c; --hover-background: #414559; diff --git a/themes/latte.css b/themes/catppuccin-latte.css similarity index 93% rename from themes/latte.css rename to themes/catppuccin-latte.css index 79694e5..82e655c 100644 --- a/themes/latte.css +++ b/themes/catppuccin-latte.css @@ -14,7 +14,7 @@ --blue: #1e66f5; --lavender: #7287fd; - --main-color: var(--sapphire); + --main-color: var(--mauve); --main-background: #eff1f5; --second-background: #e6e9ef; --hover-background: #ccd0da; diff --git a/themes/macchiato.css b/themes/catppuccin-macchiato.css similarity index 93% rename from themes/macchiato.css rename to themes/catppuccin-macchiato.css index 089cfca..1ceb118 100644 --- a/themes/macchiato.css +++ b/themes/catppuccin-macchiato.css @@ -14,7 +14,7 @@ --blue: #8aadf4; --lavender: #b7bdf8; - --main-color: var(--sapphire); + --main-color: var(--mauve); --main-background: #24273a; --second-background: #1e2030; --hover-background: #363a4f; diff --git a/themes/mocha.css b/themes/catppuccin-mocha.css similarity index 93% rename from themes/mocha.css rename to themes/catppuccin-mocha.css index 04c9462..063e5ca 100644 --- a/themes/mocha.css +++ b/themes/catppuccin-mocha.css @@ -14,7 +14,7 @@ --blue: #89b4fa; --lavender: #b4befe; - --main-color: var(--sapphire); + --main-color: var(--mauve); --main-background: #1e1e2e; --second-background: #181825; --hover-background: #313244; diff --git a/themes/theme.css b/themes/theme.css index 4e94dae..bf8997e 100644 --- a/themes/theme.css +++ b/themes/theme.css @@ -5,13 +5,11 @@ ::-moz-selection { background: var(--main-color); color: var(--main-background); - text-shadow: none; } ::selection { background: var(--main-color); color: var(--main-background); - text-shadow: none; } .mdl-slider-background-upper { @@ -324,7 +322,3 @@ div[role=presentation].jstree-wholerow-clicked { .itemProgressBar.backgroundProgress .itemProgressBarForeground { background-color: var(--hover-background) !important; } - -.nowPlayingInfoControls { - padding-left: 10px; -}