Dome/jellyfin-dracula-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: paper-icon-button-light hover on focus

Browse Source
This commit is contained in:
Adam Perkowski
2025-03-01 22:47:05 +01:00
parent 30e34913f6
commit e56da53c57
3 changed files with 30 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.editorconfig
+1
View File
@@ -18,4 +18,5 @@ indent_size = 2
# documentation, utils # documentation, utils
[*.{md,mdx,diff}] [*.{md,mdx,diff}]
indent_size = 4
trim_trailing_whitespace = false trim_trailing_whitespace = false
README.md
+17 -23
View File
@@ -18,20 +18,20 @@
## Previews ## Previews
<details> <details>
<summary>🌻 Latte</summary> <summary>🌻 Latte</summary>
<img src="/assets/latte.webp"/> <img src="/assets/latte.webp"/>
</details> </details>
<details> <details>
<summary>🪴 Frappé</summary> <summary>🪴 Frappé</summary>
<img src="/assets/frappe.webp"/> <img src="/assets/frappe.webp"/>
</details> </details>
<details> <details>
<summary>🌺 Macchiato</summary> <summary>🌺 Macchiato</summary>
<img src="/assets/macchiato.webp"/> <img src="/assets/macchiato.webp"/>
</details> </details>
<details> <details>
<summary>🌿 Mocha</summary> <summary>🌿 Mocha</summary>
<img src="/assets/mocha.webp"/> <img src="/assets/mocha.webp"/>
</details> </details>
## Usage ## Usage
@@ -42,20 +42,14 @@
``` ```
2. Open settings, navigate to Display and paste the CSS into the section called "Custom CSS code" 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: 3. Copy your preferred flavor's import rule and paste it **after** the theme import:
- 🌻 Latte
```css ```css
/* 🌻 Latte */
@import url('https://adamperkowski.github.io/jellyfin/latte.css'); @import url('https://adamperkowski.github.io/jellyfin/latte.css');
``` /* 🪴 Frappé */
- 🪴 Frappé
```css
@import url('https://adamperkowski.github.io/jellyfin/frappe.css'); @import url('https://adamperkowski.github.io/jellyfin/frappe.css');
``` /* 🌺 Macchiato */
- 🌺 Macchiato
```css
@import url('https://adamperkowski.github.io/jellyfin/macchiato.css'); @import url('https://adamperkowski.github.io/jellyfin/macchiato.css');
``` /* 🌿 Mocha */
- 🌿 Mocha
```css
@import url('https://adamperkowski.github.io/jellyfin/mocha.css'); @import url('https://adamperkowski.github.io/jellyfin/mocha.css');
``` ```
4. Press save and you're done! 4. Press save and you're done!
@@ -70,8 +64,8 @@ The accent color can be overrided by adding the following **after** the imports:
``` ```
<details> <details>
<summary>Preview</summary> <summary>Preview</summary>
<img src="/assets/mauve.webp"/> <img src="/assets/mauve.webp"/>
</details> </details>
There is also an everything-rounded extension available: There is also an everything-rounded extension available:
@@ -79,9 +73,9 @@ There is also an everything-rounded extension available:
@import url('https://adamperkowski.github.io/jellyfin/rounding.css'); @import url('https://adamperkowski.github.io/jellyfin/rounding.css');
``` ```
<details> <details>
<summary>Preview</summary> <summary>Preview</summary>
<img src="/assets/rounding0.webp"/> <img src="/assets/rounding0.webp"/>
<img src="/assets/rounding1.webp"/> <img src="/assets/rounding1.webp"/>
</details> </details>
## 💝 Thanks to ## 💝 Thanks to
themes/theme.css
-1
View File
@@ -100,7 +100,6 @@ html {
} }
.paper-icon-button-light:hover:not(:disabled), .paper-icon-button-light:hover:not(:disabled),
.paper-icon-button-light:focus,
.listItem:hover, .listItem:hover,
.listItem:focus, .listItem:focus,
.navMenuOption:hover, .navMenuOption:hover,