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;
-}